• 当前位置:首页 > 日志 > 网页中插入HTML5视频标签
  • 博客搬到SAE了,这个还是比较省心的。不用老是为备份担心。
  • 开启友情赞助空间
  • 无聊了:[ 探索发现 ] 一下,精彩文章等着你哦!

网页中插入HTML5视频标签

2013-09-04 12:42

4,443阅览 2条评 日志 arno

现在多数浏览器已经支持HTML5视频了,Wordpress3.6及以后的版本均支持HTML5,使用 HTML5视频,可以在网页中嵌入功能全面的视频播放器,而无需第三方插件,或者甚至不需要使用 JavaScript。

使用HTML5相当简单,HTML5  video 元素向网页中添加视频播放器是通过一行 HTML 完成的。且用户可控制视频播放,当然也可以让视频自动播放。如本文的视频。在WordPress中写文章时想要插一段视频,先把视频通过FTP传送到空间里,或者插入一条绝对链接地址,并切换到“文本”模式,复制以下代码:

复制以下代码

<video width="610px" height="350px" controls="controls" autoplay="autoplay"><source src="html.webm" type="video/webm" /></video>

autoplay:在播放器缓冲了足够多的内容之后自动开始播放视频,对于有流量限制的空间,可以取消

controls:播放控件,包括播放、暂停、定位以及设置音量。

src:视频地址

type:通常是用来告诉浏览器此视频是什么格式。MP4格式应该这样表示:type="video/mp4"

本文声明

除非注明,否则文章均为 " 枫林博客 " 原创,转载时请注明文章出处。


作者信息:arno \ 2013-09-04 12:42 \ 枫林博客 \

分类标签:日志

本文地址:http://www.blogfeng.com/page-insert-html5-video-tag.html

已经有2 条评论啦
  1. #1    2013-09-04 20:00 回复TA
    小菜:

    支持下,
    现在,终于可以看电脑版了,可以评论了
    主机问题?提交评论很慢,要1分多钟

    •   2013-09-05 18:21 回复TA
      书带草:

      之前是主机问题打不开。电脑版是我关了手机版插件。评论的话,我没注意,待会测试下。谢啦。

发表评论

* *



​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​