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。 
1
2
3
4
<!-- 在 chrome 浏览器中已经禁用了 autoplay 属性 -->
<audio controls>
    <source src="https://pic.huihuige.xyz/uploads/2022/02/11/ac89hmRc_river%20in%20desert.mp3" type="audio/mpeg">
</audio>

女神异闻录5bgm

插入视频

  1. html中的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 设置视频播放器的宽度。 
1
2
3
4
<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>

  1. 利用html的内联框架iframe

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

    属性 值 描述
    [name] name 规定 iframe的名称。
    [src] URL 规定在iframe中显示的文档的 URL。
    [heigh] pixels 规定iframe的高度。
    [width] pixels 规定iframe的宽度。 
    1
    <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="100%" height="500"></iframe>