Markdown插入音频视频

Markdown并不支持插入音频、视频,但是,Markdown支持html语法,我们可以通过html语句插入视听文件

插入音频

audio标签定义声音,比如音乐或其他音频流,支持的3种文件格式:MP3、Wav、Ogg

属性 描述
[autoplay] autoplay 如果出现该属性,则音频在就绪后马上播放。
[controls] controls 如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。
[loop] loop 如果出现该属性,则每当音频结束时重新开始播放。
[muted] muted 如果出现该属性,则音频输出为静音。
[preload] auto metadata none 规定当网页加载时,音频是否默认被加载以及如何被加载。
[src] URL 规定音频文件的 URL。
<!-- 在 chrome 浏览器中已经禁用了 autoplay 属性 -->
<audio controls>
    <source src="https://pic.huihuige.xyz/uploads/2022/02/11/ac89hmRc_river%20in%20desert.mp3" type="audio/mpeg">
</audio>
<audio controls>
    <source src="media/1.mp3" type="audio/mpeg">
</audio>

女神异闻录5bgm

插入视频

video标签

video标签定义视频,比如电影片段或其他视频流,元素支持三种视频格式:MP4、WebM、Ogg。

属性 描述
[autoplay] autoplay 如果出现该属性,则视频在就绪后马上播放。
[controls] controls 如果出现该属性,则向用户显示控件,比如播放按钮。
[height] pixels 设置视频播放器的高度。
[loop] loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
[muted] muted 如果出现该属性,视频的音频输出为静音。
[poster] URL 规定视频正在下载时显示的图像,直到用户点击播放按钮。
[preload] auto metadata none 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
[src] URL 要播放的视频的 URL。
[width] pixels 设置视频播放器的宽度。
<video width="500" height="500" controls>
    <source src="https://pic.huihuige.xyz/uploads/2022/03/29/zXHx1jRC_The%20Familiar%20of%20Zero%20-%20_I%20Say%20Yes_%20_%20ENGLISH%20Ver%20_%20AmaLee.mp4" type="video/mp4">
    您的浏览器不支持 video 标签。
</video>

iframe标签

<iframe> 标签规定一个内联框架,一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

属性 描述
[name] name 规定iframe的名称。
[src] URL 规定在iframe中显示的文档的 URL。
[heigh] pixels 规定iframe的高度。
[width] pixels 规定iframe的宽度。
<iframe src="https://pic.huihuige.xyz/uploads/2022/03/29/zXHx1jRC_The%20Familiar%20of%20Zero%20-%20_I%20Say%20Yes_%20_%20ENGLISH%20Ver%20_%20AmaLee.mp4" width="500" height="500"></iframe>