音频播放
作用:引入外部音频,默认下用户不能控制播放停止
<audio src="./source/爸爸妈妈-李荣浩.mp3" controls="" autoplay="" ></audio>
属性:
-
src----音频的地址
-
controls----显示播放器的图标,用户可以自主控制音乐的播放
-
autoplay----进入页面自动播放音频文件(大部分游览器不支持此属性)
-
loop-----音乐重复播放
audio设置兼容性(支持IE8)
这种写法与上边的功能是相同的,但是游览器的兼容性好
<audio controls>
对不起,你的游览器版本过低,亲升级您的浏览器重试!
<source src="./source/爸爸妈妈-李荣浩.mp3" >
<source src="./source/爸爸妈妈-李荣浩.ogg">//.mp3和ogg格式浏览器自持哪个用哪个
</audio>
代码解读:
先加载audio标签,然后选择支持的音频格式进行使用,不会重复使用
如果不支持audio标签,输出那句话
<audio controls>
<source src="./source/爸爸妈妈-李荣浩.mp3" >
<source src="./source/爸爸妈妈-李荣浩.ogg">//.mp3和ogg格式浏览器自持哪个用哪个
<embed src="./source/爸爸妈妈-李荣浩.mp3" type="爸爸妈妈-李荣浩.mp3" width="300px" height="100px">
//embed是老版本浏览器的标签,用来引入音视频的 type需要指定一下子
</audio>
代码解读:
原理同上边一样,就是加上了低版本的embed,几乎所有浏览器都兼容了
视频播放
使用方法与音频的一样
访问别人的服务器播放视频
分享👉复制通用代码
<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=k0034dwc39m" allowFullScreen="true"></iframe>
(缺点,有别的服务器的loge)