前言

HTML5 Video标签的使用，实现视频播放，这里我调用的是托管在Onedrive上的视频的地址，这里用的Video标签含有src、poster、preload、controls、width、height等几个属性亲测适用typecho。

示例

这里直接写个实例给大家看，其中的属性看下面的属性表格。

实例

<video width="100%" height="auto" poster="您的视频预显示图像" preload="none" controls="controls">
<source src="您的视频地址" /></video>

演示

 

属性 值 描述
autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted muted 规定视频的音频输出应该被静音。
poster URL 规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
preload preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src url 要播放的视频的 URL。
height pixels 设置视频播放器的高度。
width pixels 设置视频播放器的宽度。

结语

注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。请使用现代主流浏览器。


隐藏内容
本内容需权限查看
  • 普通: 9.9星币
  • 会员: 免费
  • 终身会员: 免费

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。