博客插入视频

怎样在hexo和md文件中插入视频

服务器上的视频

1
2
3
<video src="http://lxqncdn.miaopai.com/stream/BvmaXK2X49guVi4ehlOjjQ__.mp4" width="320" height="240" controls="controls">
Your browser does not support the video tag.
</video>

实例如下:


如果不使用h5的video标签,使用传统iframe标签也可以。
前提是你有一个上传在服务器的文件。width可以用百分比比如width=”100%”
问题来了,我上哪去弄个服务器呢~

bilibili上的视频

1
<iframe id=sbrxp src="//player.bilibili.com/player.html?aid=29260658&cid=50811823&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 640px; height: 430px; max-width: 100%"> </iframe>

实例如下:

注意替换标签中的aid和cid aid和cid的相关可以参考下面链接。 [Bilibili 弹幕文件的解析](https://zhangshuqiao.org/2018-03/Bilibili%E5%BC%B9%E5%B9%95%E6%96%87%E4%BB%B6%E7%9A%84%E8%A7%A3%E6%9E%90/)

参考链接

Markdown怎么嵌入图片、音乐、视频?
网站插入bilibili视频的代码