HTML中的多媒体

这一篇文章主演讲了在html中插入视频音频方法。

插入音频视频的元素分别是audio和video基本使用方法与 img 相同

1、插入音频(谷歌浏览器支持大部份文件格式)

<h>音频播放</h>
<audio src=" xxx.mp3" controls>
不支持audio元素
</audio>

如果你的浏览器不支持audio就会出现上边的文字

2、插入视频

video用法与radio相同,这里就不多说了 直接给出显示结果

3、source方法 (为了兼容更多浏览器,网页代码一般有多个url,这时就会用奥这种方法)

<h>资源选择</h>
<audio controls>
    <source src="xxx.mp3" type="audio/mp3" medio="aaa">
    <source src="xxx.ogg" type="audio/ogg">
    <source src="xxx.wav" type="audio/ox-wav">
</audio>

HTMLAudioElement和HTMLVideoElemet对象支持的方法有下列几种:

play() 播放音频或视频

pause() 暂停播放

load()重新装载音频或视频文件

canPlayType()判断是否可播放type类型的音频视频

猜你喜欢

转载自blog.csdn.net/eggplant_/article/details/82811674