Markdown嵌入视频

Markdown 嵌入视频

由于 Markdown 支持 HTML 语法，会对相应的标签进行解析。所以我们可以通过 HTML 语法将视频放入到我们的 Markdown 中。

用法如下：

<iframe height=500 width=500 src="视频地址">

其中 height 和 width 是 HTML 中的属性可以设置视频的大小，我们也可以使用 HTML 中的其他属性对插入视频进行相应设置。

插入方法

本地插入方法

在 src 中加入本地视频所对应的路径即可。

<iframe height=500 width=500 src="本地视频路径">

在线插入方法

在 src 中加入视频链接即可。

<iframe height=500 width=500 src="在线视频链接">

B站视频解析

注：现在B站外链播放有限制了，只能做更改大小这类简单的了目前

以稚晖君自创机械键盘视频链接为例子

原链接： <iframe src="//player.bilibili.com/player.html?aid=856138376&bvid=BV19V4y1J7Hx&cid=782251995&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

修改后：<iframe src="//player.bilibili.com/player.html?aid=856138376&bvid=BV19V4y1J7Hx&cid=782251995&page=1&high_quality=1&danmaku=0" allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"> </iframe>

代码解释：

BILIBILI 地址PC端参数
    &high_quality=1   (1=最高画质 0=最低画质)
    &danmaku=0   (1=打开弹幕 0=关闭弹幕)
iframe 参数
    allowfullscreen="allowfullscreen" #移动端全屏
    sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" #禁止弹出网页

附属性解释

属性	值	描述
align	left right top middle bottom	不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。
frameborder	10	规定是否显示框架周围的边框。
height	pixels%	规定 iframe 的高度。
longdesc	URL	规定一个页面，该页面包含了有关iframe 的较长描述。
marginheight	pixels	定义 iframe的顶部和底部的边距。
marginwidth	pixels	定义 iframe的左侧和右侧的边距。
name	frame_name	规定 iframe 的名称。
sandbox	“”allow-formsallow-same-originallow-scriptsallow-top-navigation	启用一系列对 <_iframe> 中内容的额外限制。
scrolling	yesnoauto	规定是否在 iframe中显示滚动条。
seamless	seamless	规定 <_iframe> 看上去像是包含文档的一部分。
src	URL	规定在 iframe中显示的文档的 URL。
srcdoc	HTML_code	规定在 <_iframe> 中显示的页面的 HTML 内容。
width	pixels%	定义 iframe 的宽度。