메인 비디오 슬라이드 및 재생 함수 제거

This commit is contained in:
2025-07-04 20:18:41 +09:00
parent 3219859b97
commit 55910074a9

View File

@@ -251,26 +251,6 @@
<div class="mainTopKey">
<div class="swiper mainSwiper">
<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">
<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" />
@@ -1026,30 +1006,6 @@
<script>
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", {
pagination: {
el: ".swiper-pagination",