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>
Comments NOTHING