MENU

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

2018 年 09 月 25 日 • 阅读: 295 • typecho阅读设置

html5.jpg

前言

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

示例

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

实例

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

演示

属性

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

结语

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

扫码手机看 请喝咖啡 返回首页
本页链接的二维码
打赏二维码