首页 > 网络程序 > 在 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,已超过2年没有更新,如果文章内容或图片资源失效,请留言反馈,站长会及时处理,谢谢!

分享到:


觉得怎么样?快来一吐为快!

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