时间:2022-9-16 作者:bokewo 分类: 网络程序
直接嵌入 B 站中已上传的视频,使用的是 B 站上的视频自带的视频播放器。
在 markdown 中粘贴对应的代码,效果如下图所示。
<iframe src="//player.bilibili.com/player.html?aid=720018804&bvid=BV1qQ4y1Y7V2&cid=395043780&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="700px" height="472px"> </iframe>
直接插入本地已上传至公网的视频,使用的是自定义的 HTML 标签的视频播放器。
1.将本地已有的 mp4 格式的视频文件上传至对象存储中,这里以阿里云的对象存储为例。
2.在 markdown 中,编写如下 html 标签段,效果如下图所示。
<video id="video" controls="" height='100%' width='100%' preload="none" poster="http://media.w3.org/2010/05/sintel/poster.png">
<source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
<source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm">
<source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
<p>Your user agent does not support the HTML5 Video element.</p>
</video>
说明:
在 "src" 属性的值是变化的,需要更换对象存储中 mp4 视频的链接。
推荐阅读:
觉得怎么样?快来一吐为快!