如何自动播放html5视频

 我来答
好程序员
2016-12-05 · HTML5前端培训/大数据培训/Java
好程序员
好程序员是IT高端课程培训基地,从平凡到卓越,为梦想而拼搏。
向TA提问
展开全部
HTML5 是下一代的 HTML, 提供了展示视频的标准,规定了一种通过 video 元素来包含视频的标准方法。

Video有以下的属性。

autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。
如果使用 "autoplay",则忽略该属性。

src url 要播放的视频的 URL。
width pixels 设置视频播放器的宽度。

其中,如果想要实现自动播放,可以在Video里面加上autoplay属性就可以了。以下是例子。

<!DOCTYPE HTML>
<html>
<body>

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

</body>
</html>
IT大佬V大地瓜
推荐于2018-02-27 · 超过28用户采纳过TA的回答
知道答主
回答量:60
采纳率:84%
帮助的人:19万
展开全部

看例子

这里有个autoplay 属性,你把这个属性设置为autoplay就可以了
<video controls="controls" autoplay="autoplay">
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
日落的糖Kf
2018-02-26 · TA获得超过4万个赞
知道大有可为答主
回答量:3400
采纳率:0%
帮助的人:548万
展开全部

HTML5 是下一代的 HTML, 提供了展示视频的标准,规定了一种通过 video 元素来包含视频的标准方法。

Video有以下的属性。

autoplay    autoplay    如果出现该属性,则视频在就绪后马上播放。    

controls     controls    如果出现该属性,则向用户显示控件,比如播放按钮。    

height        pixels    设置视频播放器的高度。    

loop           loop    如果出现该属性,则当媒介文件完成播放后再次开始播放。    

preload      preload    如果出现该属性,则视频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src              url    要播放的视频的 URL。    

width           pixels    设置视频播放器的宽度。    

其中,如果想要实现自动播放,可以在Video里面加上autoplay属性就可以了。以下是例子。

<!DOCTYPE HTML>
<html>
<body>
 
<video width="320" height="240" controls="controls" autoplay>
  <source src="/tmp/dianying.ogg" type="video/ogg">
  <source src="/tmp/dianying.mp4" type="video/mp4">
您的浏览器不支持此播放器
</video>
 
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式