html的audio与video标签_audio的source属性-优快云博客

1.audio
属性：

autoplay: 自动播放

controls: 显示控件，比如播放按钮

loop: 循环播放

preload: 音频在页面加载时进行加载，并预备播放，如果使用autoplay,则忽略该属性

src: 要播放的音频的URL

在audio标签中可以包含多个source标签，用来导入不同的音频文件，浏览器会自动选择第一个可以识别的格式进行播放

source标签包含三个属性

media:定义媒体资源的类型

src: 定义媒体文件的URL

type:定义媒体资源的MIME类型。如果媒体类型和源文件不匹配，浏览器可能会拒绝播放

<audio autoplay loop>
    <source src="medias/test.ogg" type="audio/ogg">
    <source src="medias/test.mp3" type="audio/mpeg">
您的浏览器不支持audio标签
</audio>

2.video
属性

autoplay: 自动播放

controls: 显示控件，比如播放按钮

loop: 循环播放

preload: 音频在页面加载时进行加载，并预备播放，如果使用autoplay,则忽略该属性

src: 要播放的音频的URL

height:视频播放器的高度

width:视频播放器的宽度

muted:设置视频音频静音

poster:设置视频下载时显示的图像，或用户单击“播放”按钮前显示的图像

source标签，用来导入不同的视频文件

视频格式：Ogg,MPEG4,WebM

3.相同的属性方法
load():可以加载音频或视频文件

play():可以加载并播放音频或视频文件

pause(): 暂停

canPlayType(type):检测video元素是否支持给定MIME类型的文件

该方法返回

probably:支持

maybe:可能

空字符串:不支持

emmm，我认为区别不大，除了手机上显示会是那种无图视频（也有点丑，电脑基本无区别，基本），video好处可以设计高和宽，嵌入页面更自由
————————————————
版权声明：本文为优快云博主「So istes immer」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/YINZHE__/article/details/118372130