首页 > 网络程序 > 在 Markdown 中插入视频

在 Markdown 中插入视频

时间:2022-9-16    作者:bokewo    分类: 网络程序


插入 B 站视频

直接嵌入 B 站中已上传的视频,使用的是 B 站上的视频自带的视频播放器。

  1. 在 B 站中,打开需要插入的视频,复制视频下方的“转发 > 嵌入代码”。

  2. 在 markdown 中粘贴对应的代码,效果如下图所示。

    <iframe src="//player.bilibili.com/player.html?aid=720018804&amp;bvid=BV1qQ4y1Y7V2&amp;cid=395043780&amp;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 视频的链接。
正文完

推荐阅读:

本文最后更新于2022-9-16,已超过1年没有更新,如果文章内容或图片资源失效,请留言反馈,站长会及时处理,谢谢!

分享到:


请遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国有关法律法规

网络程序 在 Markdown 中插入视频
插入 B 站视频直接嵌入 B 站中已上传的视频,使用的是 B 站上的视频自带的视频播放器。在 B 站中,打开需要插入的视频,复制视频下方的“转发 >...
扫描二维码阅读原文
前尘影事 www.bokewo.com
生成社交图 ×