Question

我的HTML 5视频在Android galaxy中显示为空白屏幕。在线搜索建议删除＆＃34;键入＆＃34;通过JS参数和播放，但这似乎不起作用。

我尝试使用jsfiddle重新创建问题，但我无法模拟移动设备。

知道如何在Android和iPhone上播放移动视频吗？我已经看过Buzzfeed和纽约时代这样做了所以我知道有一种安全的方式。

<section class="video_container sections">
    <video preload="none" autoplay loop muted="true"class="video_window videos">
      <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">
      <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm">
      <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">

        Your browser does not support the video tag.
    </video>
    <div class="video_caption"> 
        <p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
    </div>
</section>



$(window).scroll(function() {
  $('.videos').each(function(){
      if ($(this).is(":in-viewport")) {
         $(this)[0].play();
      } else {
         $(this)[0].pause();
      }
    })
});

.video_container{
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
.video_captiont{
  position:absolute;
  margin:5px;
  z-index:100;
  font-size:21px;
  padding:3%;

}

HTML 5视频无法在Android中显示/播放

0 个答案: