让WordPress自带html5播放器-视频播放器调用代码详解,支持ios

效果如何,这段代码在页面中定义了一个视频,此视频的预览图为poster的属性值,显示浏览器的默认媒体控制栏,预加载视频的元数据,循环播放

第一选择视频地址为第一个source标签的src属性值,如果你还要兼容IE的话,可以在最后一个source标签后再加上Flash播放器的标签集,或者使用一点 JavaScript代码。

看下这个HTML5的播放视频调用代码!很简洁,很少,不像老式的那么多的繁琐代码。

播放器调用代码:



同样的给大家解释下HTML5的标签属性及使用

Video属性:Video标签含有src、poster、preload、autoplay、loop、controls、width、height等几个属性, 以及一个内部使用的标签。Video标签内除了可以包含标签外,还可以包含当指定的视频都不能 播放时,返回的内容。

(Ps:上面放出的是最简洁的,可以按照自己需求添加)

Src属性:Src属性是用来干啥的。跟标签的一样,这个属性用于指定视频的地址。

Poster属性:用于指定一张图片,在当前视频数据无效时显示(P:预览图)。视频数据无效可能是视频正在加载,也可能是视频地址错误等等。

Preload标签属性:此属性用于定义视频是否预加载。属性有三个可选择的值:none、metadata、auto。如果不使用此属性,默认为auto。

Auto:为全部预加载。

None:不进行预加载。使用此属性值。

Metadata:部分预加载。使用此属性值。

autoplay标签属性:用于设置视频是否自动播放,是一个布尔属性。当出现时,表示自动播放,去掉是表示不自动播放。

需要注意的是HTML中布尔属性的值不是true与false。

正确的用法是,在标签中使用此属性表示true,此时属性要么没有值,要么其值恒等于他的名字

(此处,自动播放为

你可能感兴趣的:(Wordpress)