
闲来无事,想到平时不少人问怎么在帖子内插入音乐,于是来发发帖子。
在有MP3外链,不包含流媒体音乐播放器面板代码情况,直接用外链在帖子内插入一首歌。
请注意,这文章是从 HTML 相关架构讲起-
所以建议在此之前对 HTML 有所了解较好。
先看看成品:
HTML5 提供了播放音频文件的标准,其就是 Audio(音频) 标签,在此列举关于 Audio 标签在 HTML5 中的新属性以及描述:
标签 | 描述 |
---|---|
autoplay | 如果出现该属性,则音频在就绪后马上播放。 |
controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
loop | 如果出现该属性,则每当音频结束时重新开始播放。 |
preload | 如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。 |
scr | 要播放的音频的 URL。 |
以下作个一段简单的 HTML 5 音频代码例子:
<audio src="UMARU~.mp3" controls="controls"> 您的浏览器不支持 audio 标签。 </audio>
如上所示,这是文首提供的音频成品的一段代码。
src="" 内填入的字符就是音乐的链接
在开始标签和结束标签之间可以放置文本内容,
若用户的浏览器不支援 AUDIO 标签,可以向其显示文本内容,提示不支援标签的信息。
如果想对 audio 元素追加属性
在src=""后添加属性值。例:
<audio src="UMARU~.mp3" controls="controls" autoplay="autoplay"> 您的浏览器不支持 audio 标签。 </audio>
可以看到相对于上一条,标签多了 autoplay(自动播放) 属性
其实我们伟大的索沛论坛已经在高级文本模式下提供了基本插入音乐外链以及FLASH播放器功能。
不过因为其功能过于古董,非 IE 核浏览器又弹不出功能小窗口,无法进行编辑,麻烦多多,
像这种直接一个标签就套用更为方便。
另外, HTML 以及 CSS 语法,需要在高级文本模式下 HTML 文本栏进行编辑才有用哦。附图:
此主题相关图片如下:
以上!
[此贴子已经被作者于2017-04-14 13:30:55编辑过]