美文网首页
dataurl+html5在博文中插入视频

dataurl+html5在博文中插入视频

作者: KK7384 | 来源:发表于2015-06-06 15:42 被阅读540次

    在博客文章中插入视频,最常用的方法是先把视频上传到优酷等视频网站,再引用过来。这样一来视频就被加上了广告,而且审核的时间略长。

    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>![](https://img.haomeiwen.com/i104464/32c98a932de09498.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)</a>
    

    source src 里面换成你要插入的视频的url,最后那个图片换成你自己的缩略图的url。

    相关文章

      网友评论

          本文标题:dataurl+html5在博文中插入视频

          本文链接:https://www.haomeiwen.com/subject/nlndqttx.html