Question

我有点难以理解为什么这种情况在某些情况下有效但在其他情况下则不然。

我的目标是显示视频，播放5秒，暂停5秒，然后继续播放。

我已经发出警报，所以我可以看到暂停功能是否存在，它在我尝试的每一种情况下都会发生（警报出现在＆＃34;功能＆＃34;如果它不存在它会说＆＃34; undefined＆＃34;）

HTML

  <video id="previewvid" width="320" height="240" autoplay="autoplay" controls="controls" poster="http://anotherwebsite/image">
     <source src="http://anotherwebsite/video.mp4" type="video/mp4">
     Video unavailable
  </video>

JS

$(document).ready(function() {
    alert (typeof document.getElementById('previewvid').pause)
    document.getElementById('previewvid').play()
    window.setTimeout(function(){
        document.getElementById('previewvid').pause()
        window.setTimeout(function(){
            document.getElementById('previewvid').play()
        }, 5000)
    }, 5000)
})

经验：在我的桌面计算机上，这在Chrome中完美运行，但在Firefox上我收到了MIME类型错误，我对此并不感兴趣，因为无论如何这将在移动设备上使用99.9％。

在移动设备上，我有一台HTC One M7，所有软件都是最新的。该视频可以在Chrome和内置浏览器中播放，但不会自动播放。我在iPhone 6上有相同的结果。我试过一个旧的三星（不确定是什么型号，但几年前）并在Chrome中发现了同样的问题，但在内置浏览器中，自动播放功能完全符合要求。

我已经广泛搜索过这个问题，并且似乎没有任何明显的理由说明播放/暂停功能不可靠。

还有其他方法可以解决这个问题吗？或者为什么这些功能如此不可靠的任何解释？或者我做错了什么？

编辑我应该添加＆＃34;另一个网站＆＃34;是我支付视频可用性的CDN，他们已确认所有内容都已正确设置

播放和暂停html5视频的javascript函数表现不可靠

0 个答案: