메인 비디오 슬라이드 및 재생 함수 제거
This commit is contained in:
44
kr/kia.html
44
kr/kia.html
@@ -251,26 +251,6 @@
|
|||||||
<div class="mainTopKey">
|
<div class="mainTopKey">
|
||||||
<div class="swiper mainSwiper">
|
<div class="swiper mainSwiper">
|
||||||
<ul class="swiper-wrapper">
|
<ul class="swiper-wrapper">
|
||||||
<li class="swiper-slide">
|
|
||||||
<video class="mainKvMoviePc" playsinline="playsinline" muted="muted" loop="" style="width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover">
|
|
||||||
<source src="https://connectstore.kia.com/kr/ux_data/content/20240724/0ff6b9d3096441ea86edeb4868b05aa8.mp4" type="video/mp4" />
|
|
||||||
<!-- pc mp4 -->
|
|
||||||
</video>
|
|
||||||
<video class="mainKvMovieMo" playsinline="playsinline" muted="muted" loop="" style="width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover">
|
|
||||||
<source src="https://connectstore.kia.com/kr/ux_data/content/20240724/b564f268deed421c957acfcaea54a939.mp4" type="video/mp4" />
|
|
||||||
<!-- pc mp4 -->
|
|
||||||
</video>
|
|
||||||
|
|
||||||
<div class="mainText">
|
|
||||||
<p>
|
|
||||||
<strong>Kia Connect Store</strong>
|
|
||||||
<span>Software Defined Vehicle.<br />소프트웨어로 여는 새로운 모빌리티 시대로</span>
|
|
||||||
</p>
|
|
||||||
<div class="oneButton">
|
|
||||||
<a href="/kr/product/product-carsw-view.html"><p>자세히 보기</p></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="swiper-slide">
|
<li class="swiper-slide">
|
||||||
<video class="mainKvMoviePc" playsinline="playsinline" muted="muted" loop="" style="width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover">
|
<video class="mainKvMoviePc" playsinline="playsinline" muted="muted" loop="" style="width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover">
|
||||||
<source src="https://connectstore.kia.com/kr/ux_data/content/20250422/5afd169781ac4d648dc704f33c102d1b.mp4" type="video/mp4" />
|
<source src="https://connectstore.kia.com/kr/ux_data/content/20250422/5afd169781ac4d648dc704f33c102d1b.mp4" type="video/mp4" />
|
||||||
@@ -1026,30 +1006,6 @@
|
|||||||
<script>
|
<script>
|
||||||
AOS.init();
|
AOS.init();
|
||||||
|
|
||||||
// 공통 비디오 재생 함수
|
|
||||||
const playActiveSlideVideo = (swiper) => {
|
|
||||||
// 모든 비디오 정지
|
|
||||||
document.querySelectorAll(".mainSwiper video").forEach((video) => {
|
|
||||||
video.pause();
|
|
||||||
});
|
|
||||||
|
|
||||||
const activeSlide = swiper.slides[swiper.activeIndex];
|
|
||||||
const isMobile = window.innerWidth <= 780;
|
|
||||||
const videoSelector = isMobile ? ".mainKvMovieMo" : ".mainKvMoviePc";
|
|
||||||
const activeVideo = activeSlide.querySelector(videoSelector);
|
|
||||||
|
|
||||||
if (activeVideo) {
|
|
||||||
activeVideo.play().catch((e) => console.warn("video play error", e));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// 공통 비디오 일시정지 함수
|
|
||||||
const pauseAllVideos = () => {
|
|
||||||
document.querySelectorAll(".mainSwiper video").forEach((video) => {
|
|
||||||
video.pause();
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
var swiper = new Swiper(".mainSwiper", {
|
var swiper = new Swiper(".mainSwiper", {
|
||||||
pagination: {
|
pagination: {
|
||||||
el: ".swiper-pagination",
|
el: ".swiper-pagination",
|
||||||
|
|||||||
Reference in New Issue
Block a user