测试md插入的视频显示
当md中插入视频时,测试页面展示
视频:【官方完整版】春有你2主题曲《YES!OK!》
第一种:嵌入bilibili html分享代码 tips:增加&high_quality=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标签
<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;
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 零的博客!