18910140161

[08]HTML基础之视频标签

顺晟科技

2022-09-15 22:22:52

114

1. <audio>标签

表示音频。

<audio src="/sky.mp3">该内容在浏览器不支持audio标签时显示</audio>
属性:
src:音频的来源地址
preload:是否预加载,使用autoplay属性时忽略该属性
autoplay:自动播放,在音频加载完后立即播放
controls:是否显示播放控件
loop:是否循环播放
muted:是否静音播放

2. <video>标签

表示视频。

<video src="/sky.mp4">该内容在浏览器不支持audio标签时显示</video>
属性:
src:视频的来源地址
preload:是否预加载,使用autoplay属性时忽略该属性
autoplay:自动播放,在视频加载完后立即播放
controls:是否显示播放控件
loop:是否循环播放
muted:是否静音播放
与audio标签相比,多出来的属性:
poster:视频封面
width:视频宽度
height:视频高度

3. <source>标签

表示音频或视频的多个来源,选取第一个浏览器支持的来源播放。

<audio>
    <source src="bird.ogg" type="audio/ogg">
    <source src="bird.mp3" type="audio/mp3">
</audio>
属性:
src:媒体文件的来源
type:媒体文件的MIME类型
media:媒体资源的类型

4. <track>标签

表示视频的音轨。

<video src="/bird.mp4">
   <track kind="subtitles" src="cn.srt" srclang="zh" label="Chinese">
   <track kind="subtitles" src="en.srt" srclang="en" label="English">
</video>
属性:
kind:轨道类型,captions标题,chapters章节,descripts描述,metadata元数据
    subtitles字幕
src:轨道来源地址
srclang:轨道所使用的语言
label:轨道标签
default:默认轨道,如果没有选择轨道,则默认使用该轨道
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航