HTML5-video标签视频自动循环播放

HTML5 video 标签的各个属性使用用途

音频
<audio src="文件路径" controls="controls"></audio >

视频
<video src="文件路径" width="100%" height="100%" preload="auto" controls="controls" autoplay="autoplay" loop="loop" >
</video>

video定义和用法

<video> 标签定义视频,比如电影片段或其他视频流。

preload属性值

描述
auto指示一旦页面加载,则开始加载音频/视频。
metadata指示当页面加载后仅加载音频/视频的元数据。
none指示页面加载后不应加载音频/视频。

preload定义和用法

preload 属性规定是否在页面加载后载入视频。

如果设置了 autoplay 属性,则忽略该属性。

注意: 如果使用 autoplay 属性 preload 将被忽略。

controls定义和用法

controls 属性规定浏览器应该为视频提供播放控件。

如果设置了该属性,则规定不存在作者设置的脚本控件。

浏览器控件应该包括:

  • 播放
  • 暂停
  • 定位
  • 音量
  • 全屏切换
  • 字幕(如果可用)
  • 音轨(如果可用)

autoplay定义和用法

autoplay 属性规定一旦视频就绪马上开始播放。

如果设置了该属性,视频将自动播放。

loop定义和用法

loop 属性规定当视频结束后将重新开始播放。

如果设置该属性,则视频将循环播放。

HTML5属性

属性描述
autoplayautoplay如果出现该属性,则视频在就绪后马上播放。
controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。
heightpixels设置视频播放器的高度。
looploop如果出现该属性,则当媒介文件完成播放后再次开始播放。
mutedmuted规定视频的音频输出应该被静音。
posterURL规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
preloadpreload如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性。
srcurl要播放的视频的 URL。
widthpixels设置视频播放器的宽度。

原创文章《HTML5-video标签视频自动循环播放》,作者:Admin,未经允许不得转载。
转载或复制时,请注明出处:https://www.xuxiaokun.com/1800.html,本文由 Mr.xu 博客网 整理。

发表评论

登录后才能评论
线上沟通

笔者期待与您共勉 · 互赢

有言必答:点击这里给我发消息

商务洽谈:交互沟通 · 共赢互利

邮件:admin@xuxiaokun.com

线上沟通:周一至周五 9:30 - 17:30

其余时间Mail或QQ我,有言必应。

微信关注
微信关注
投递稿件 我要留言
分享本页
返回顶部