当md中插入视频时,测试页面展示

视频:【官方完整版】春有你2主题曲《YES!OK!》

第一种:嵌入bilibili html分享代码 tips:增加&high_quality=1实现按片源最高清晰度匹配(非大会员)。

1
<iframe src="//player.bilibili.com/player.html?aid=99219418&bvid=BV1w741117Ui&cid=169402809&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

但问题是高度始终很撑不开。所以在代码中强制指定w\h:width=”100%” height=”800px”

第二种:像html一样插入video标签

1
<video src="https://www.bilibili.com/video/BV1w741117Ui/" controls="controls" width="500" height="300">您的浏览器不支持播放该视频!</video>

bilibili的效果确展示失败,因为链接不是自己的。所以视频流获取失败。大部分的视频分享都属于第一种使用iframe。这就确定插入外站视频不能自己控制样式与源。

解决办法:可以使用自己来源可控的视频:

视频为【SING女团】「寄明月」舞蹈版MV
原网址:
https://www.bilibili.com/video/BV1Wx411M7T1

引用储存桶中的视频,大小160M:

像html一样插入video标签,但需要指定 w\h(目前因为迁移到了https,视频出现加载失败)

谢谢欣赏~

end;