dataurl+html5在博文中插入视频
2015-06-06 本文已影响540人
KK7384
在博客文章中插入视频，最常用的方法是先把视频上传到优酷等视频网站，再引用过来。这样一来视频就被加上了广告，而且审核的时间略长。
HTML5 是支持视频播放的，用 video 标签。（当然，按照《互联网视听节目服务管理规定》的说法，我们不能随意在自己的博客或网站上发布视频或音频。）
如果博客不支持 video 标签的话，用 dataurl 绕个弯子也能实现。把 HTML5 播放视频的页面做成 dataurl，在需要播放视频的地方放置一个链接，链接到这个 dataurl。
<a href="data:text/html;charset=utf-8,<html><head><title>Your_Video_Title</title></head><body><video controls='controls' autoplay='autoplay'><source src='https://dn-farbox-video.qbox.me/farbox.mp4'/><source src='sample.ogg'/></video></body></html>" target=_blank></a>
source src 里面换成你要插入的视频的url，最后那个图片换成你自己的缩略图的url。
