使用 html5 自动播放 mp4 视频答案

【问题标题】：Autoplay mp4 video with html5使用 html5 自动播放 mp4 视频
【发布时间】：2011-03-01 16:12:32
【问题描述】：

我正在使用 HTML5 创建一个网页，以便在其上播放 mp4 视频，我已经完成了这项工作，但是我尝试使用此代码添加一些功能，例如自动播放、自动缓冲和循环

<video id="video" width="320" height="240" src="http://.../TCLAST.mp4"  controls autobuffer autoplay loop>

但到目前为止还没有，我想在摩托罗拉 XOOM 上显示此页面的另一件事。我使用过不同的浏览器，例如 dolphin、skyfire、firefox 和默认浏览器。

【问题讨论】：

标签： android html5-video mp4 android-3.0-honeycomb autoplay

【解决方案1】：

您可以尝试使用 videojs (http://videojs.com/) 并在 DOMReady 上播放视频。使用视频 JS API。这也将为您带来与 iDevice 兼容的好处。

【讨论】：

【解决方案2】：

目前形式的 XOOM 对视频非常挑剔。您是否已验证要播放的视频会在原生播放器中播放？

【讨论】：

【解决方案3】：

这里是演示

http://jsfiddle.net/dineshk/fvnr0zex/2/

这将在使用 Javascript 附加视频标签时起作用。

这里是 Javascript 代码

 var newHtml = '<video width="100%" height="30%" autoplay controls  id="myVideos" src="https://dev.ocutagsnap.com:8080/PearsonVideos/videos/tumb10.mp4" ></video>';
$("#newone").append(newHtml);

【讨论】：