Question

我想在推出iPhone用户访问的特定页面时打开视频，然后（当视频完成时）返回页面。我此时也要设置一个cookie，所以视频只会加载第一次（但我对那部分很好）。

我可以找到直接连接到mp4的方法，但我无法从那里回来。我也遇到过使用Autoplay的HTML5视频标签，但这似乎没有做我想要的。有jQuery解决方案吗？还是一个更好的HTML5解决方案？

Answer 1

对不起，IOS和大多数移动平台都禁用autoplay。

要使视频/音频开始播放，需要用户互动。禁用自动播放以保持带宽和电池使用率。

您可以获得有关此here的更多信息。请注意，javascript方法video.play()和video.load()也被禁用。

Answer 2

要自动播放，请执行以下操作

<video controls="controls" autoplay="autoplay">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

在完成后做点什么

<script>

    //could easily be getElementById(NAME) also

    video.onended = function(e) {
      alert("The video finished");
    }
</script>

Answer 3

在IOS和大多数移动平台上禁用自动播放。

“请注意，javascript方法video.play（）和video.load（）也被禁用。” 这句话错了，为许多移动平台启用了video.play（）和video.load（）。如果你使用WebView，请检查android上的WebSetting.setJavaScriptEnabled（true），默认值为false。

您可以这样做而不是自动播放。

<body onload="bodyLoad()">
<video id="video1" width="320" height="240" controls="controls">
                                        <source src="video/movie.mp4" type="video/mp4">
                                        Your browser does not support the video tag.
                                        </video>
<script type="text/javascript">
        var myVideo=document.getElementById("video1");

        function bodyLoad() {
                    setTimeout(playFunc, 10);
         }

        function playFunc() {
                    myVideo.play();
         }
</script>

HTML5视频自动播放/关闭

3 个答案: