html添加gif视频,dataurl+html5在博文中插入视频

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

HTML5 是支持视频播放的,用 video 标签。(当然,按照《互联网视听节目服务管理规定》的说法,我们不能随意在自己的博客或网站上发布视频或音频。)

如果博客不支持 video 标签的话,用 dataurl 绕个弯子也能实现。把 HTML5 播放视频的页面做成 dataurl,在需要播放视频的地方放置一个链接,链接到这个 dataurl。

![](http://upload-images.jianshu.io/upload_images/104464-32c98a932de09498.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值