리스트에서 바로 동영사 재행 하게 만들고있는데 소리를 껏다 켯다 하는거 잘않됩니다

리스트에서 바로 동영사 재행 하게 만들고있는데 소리를 껏다 켯다 하는거 잘않됩니다

QA

리스트에서 바로 동영사 재행 하게 만들고있는데 소리를 껏다 켯다 하는거 잘않됩니다

본문

아래 소스처럼 리스트에서 바로 동영상 재생 하게 해놧는데

소리를껏다 켯다 하는 소스를찾아서 잎엿는데 처음 영상은 소리껏다 켯다 잘작동되는데 두번재 동영상 부터 작동 않됩니다.

현재 리스트페이지는 무한 스크롤 사용하고있습니다.

고수님 도와주세요

감사 합니다.

 

<div class="img-item">
    <video id="track" loop controls muted autoplay playsinline preload="auto" playsinline="true" webkit-playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true">
        <source src="<?php echo $list[$i]['wr_link1'] ?>"></source>
    </video>
    <div class="label-sound">
        <div class='unmute' onclick="document.getElementById('track').muted = !document.getElementById('track').muted;$(this).toggleClass('mute')"></div>
    </div>
    <script>
        var audioElm = document.getElementById('ambiance'); audioElm.muted = !audioElm.muted;
    </script>
</div>
 

이 질문에 댓글 쓰기 :

답변 1


<style>
.label-sound {
    display: block;
    width: 30px;
    height: 30px;
}
.label-sound .unmute {
    width: 100%;
    height: 100%;
    background-color: red;
}
</style>
 
<div class="img-item">
    <video loop controls muted autoplay playsinline preload="auto" playsinline="true" webkit-playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true">
        <source src="https://www.w3schools.com/html/mov_bbb.mp4"></source>
    </video>
    <div class="label-sound">
        <div class='unmute' onclick="this.closest('.img-item').firstElementChild.muted = !this.closest('.img-item').firstElementChild.muted"></div>
    </div>
</div>
<div class="img-item">
    <video loop controls muted autoplay playsinline preload="auto" playsinline="true" webkit-playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true">
        <source src="https://www.w3schools.com/html/mov_bbb.mp4"></source>
    </video>
    <div class="label-sound">
        <div class='unmute' onclick="this.closest('.img-item').firstElementChild.muted = !this.closest('.img-item').firstElementChild.muted"></div>
    </div>
</div>
<div class="img-item">
    <video loop controls muted autoplay playsinline preload="auto" playsinline="true" webkit-playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true">
        <source src="https://www.w3schools.com/html/mov_bbb.mp4"></source>
    </video>
    <div class="label-sound">
        <div class='unmute' onclick="this.closest('.img-item').firstElementChild.muted = !this.closest('.img-item').firstElementChild.muted"></div>
    </div>
</div>
답변을 작성하시기 전에 로그인 해주세요.
전체 10,639
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT