HTML5 视频自动播放/关闭答案

【问题标题】：HTML5 Video autoplay/closeHTML5 视频自动播放/关闭
【发布时间】：2012-09-04 03:17:57
【问题描述】：

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

我可以找到直接链接到 mp4 的方法，但我无法从那里返回。我也遇到了带有自动播放功能的 HTML5 视频标签，但这似乎不是我想要的。有 jQuery 解决方案吗？还是更好的 HTML5 解决方案？

【问题讨论】：

【解决方案1】：

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

<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>

【讨论】：

由于某种原因我无法发布video = getElementById('video');这一行
我也加不了var video = document.getElementsByTagName('video')[0];
太棒了！有什么方法可以在访问页面后立即触发视频打开？
正如 Jbalsas 的回答中所详述的，似乎在 iPad 和 iPhone (iOS) 上禁用了自动播放和类似功能。所以我建议把它全屏并假设用户会按下占位符按钮 (developer.apple.com/library/safari/documentation/AudioVideo/…)

【解决方案2】：

很抱歉，autoplay 在 IOS 和大多数移动平台中被禁用。

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

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

【讨论】：

【解决方案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>

【讨论】：