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

发表于 2020-02-24   |   分类于 typecho

前言

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

1

仅有 1 条评论


  1. 数字货币杂志

    心微动奈何情己远,物也非,人也非,事事非,往日不可追

    数字货币杂志  "2022-05-27 13:38:32" 发自Windows 10 回复

发表新评论

© 2024 Powered by Typecho & Theme Quark