使用 html5 自动播放 mp4 视频

发布于 2024-10-19 21:55:53 字数 317 浏览 5 评论 0原文

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

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

但到目前为止什么都没有，我还想要一件事在 Motorola XOOM 上显示此页面。我使用过不同的浏览器，如 dolphin、skyfire、firefox 和默认浏览器。

原文

I'm creating a web page using HTML5 in order to have a mp4 video on it, I already accomplished this but, I trying to add some functionalities like autoplay, autobuffer and loop using this code

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

But nothing so far, one more thing I want to display this page on the Motorola XOOM. I have used different browsers like dolphin, skyfire, firefox and the default browser.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

染年凉城似染瑾 2024-10-26 21:55:53

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

回复收藏 0 原文

千里故人稀 2024-10-26 21:55:53

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

回复收藏 0 原文

昨迟人 2024-10-26 21:55:53

这里是演示

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

Here the Demo

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

This Will work when the video tag append using Javascript.

Here the Javascript code

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

回复收藏 0 原文

~没有更多了~