HTML 비디오 자동 재생이 Chrome의 bxSlider와 작동하지 않습니다.

Question

이 슬라이더는 bxSlider를 사용하여 만들었으며 잘 작동합니다. Chrome에서는 예외입니다. Chrome에서는 슬라이더 내부에 중첩되어있는 동안 <video> 태그 내부의 속성을 읽지 않습니다. 따라서 자동 재생 및 컨트롤을 사용할 수 없습니다.

여기에 꽤 간단합니다, 코드입니다 :

<ul class="slider bxslider" id="slider"> 
    <li id="01" class="slide"> 
     <video autoplay loop muted poster="img/01.jpg"> 
      <source src="img/pickup.webm" type="video/webm"> 
      <source src="img/pickup.mp4" type="video/mp4"> 
     </video> 
    </li> 
    <li id="02" class="slide"> 
     <img src="img/02.jpg"> 
    </li> 
</ul> 

이 다른 모든 브라우저에서 잘 작동합니다. 슬라이더 <ul> 외부에서 동일한 코드를 사용하면 모든 것이 작동합니다. 문제를 해결해야하는 JS를 사용하는 해킹을 발견했지만 JS를 사용하지 않고이 문제를 해결하기를 원합니다. 이견있는 사람?

Answer 1

"video : true"를 추가하고 fitvids.js 플러그인이 문제를 해결했습니다.

Answer 2

The best fix I could get was adding this code just after the </video> 

<script> 
    document.getElementById('vid').play(); 
</script> 
...not pretty but somehow works for me .