您现在的位置是:首页 > typechotypecho

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

前言

HTML5 Video标签的使用,实现视频播放,这里我调用的是托管在Onedrive上的视频的地址,这里用的Video标签含有src、poster、preload、controls、width、height等几个属性亲测适用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> 标签。请使用现代主流浏览器。

来源:喵斯基部落https://www.moewah.com/mip/69.html

最后修改:2020 年 02 月 24 日 05 : 14 PM

文章评论

    发表评论

提交句子
一个男人能不能给你安全感,完全不取决于他的身高,而取决于他的心高。高大而窝囊的男人见过不少。矮小而昂扬的男人也见过。一个男人要心高气傲,这样才像男人。当然,前提是要有才华。