Question

我正在开发一个带有嵌入div的循环视频的iOS应用。我有“webkit-playsinline”工作，所以它阻止苹果的全屏视频播放器踢...但是有一个小故障。一旦视频开始其第一个循环，由于某种原因，它会忘记其设置为内联播放并全屏显示。

Answer 1

这是我的解决方法，以防其他任何人感到沮丧：

<video class=“myVideo” width="640" height="360" autoplay webkit-playsinline>
<source src=“video.mp4" type="video/mp4" />
</video>

我没有将“loop”属性添加到视频标签中，而是使用jQuery的.on函数在结束时再次播放视频：

  var myVideo = document.getElementsByClassName('myVideo')[0];
  $('.myVideo').on('ended',function(){
myVideo.play();
$('.myVideo').attr('webkit-playsinline', ''); 
  });

我还提醒视频我们正在玩内联只是因为它有任何有趣的想法，并试图在重播上运行全屏模式...中提琴！问题解决了;）

如何在Div中运行视频？ iOS / iPhone（防止全屏）＆amp;避免苹果的视频循环故障

1 个答案: