鹧鸪菜菜子

Typecho利用H5代码实现视频播放
前言HTML5 Video标签的使用,实现视频播放,这里我调用的是托管在Onedrive上的视频的地址,这里用的V...
扫描右侧二维码阅读全文
25
2018/09

Typecho利用H5代码实现视频播放

html5.jpg

前言

HTML5 Video标签的使用,实现视频播放,这里我调用的是托管在Onedrive上的视频的地址,这里用的Video标签含有srcposterpreloadcontrolswidthheight等几个属性亲测适用typecho。

示例

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

实例

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

演示

属性

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

结语

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

最后修改:2018 年 10 月 08 日 09 : 58 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论