分享

html标签--视频,音频基础

 初出茅庐小菜鸟 2021-05-25

(1) 视频<video>:

<video width="320" height="240" controls="controls">

<source src="(视频名).ogg" type="video/ogg">

<source src="(视频名).mp4" type="video/mp4">

您的浏览器暂不支持

</video>

① autoplay  autoplay  如果出现该属性,则视频在就绪后马上播放。

② controls  controls  如果出现该属性,则向用户显示控件,比如播放按钮。

③ height  pixels  设置视频播放器的高度。

④ loop  loop  如果出现该属性,则当媒介文件完成播放后再次开始播放。

⑤ preload  preload  如果出现该属性,则视频在页面加载时进行加载,并预备播放;如果使用 "autoplay",则忽略该属性。

⑥ src  url  要播放的视频的 URL

⑦ width  pixels  设置视频播放器的宽度。

-------------------------------------------------------------------------------------------

(2)音频:<audio>:

① <audio src="(音频名字).ogg" controls="controls">

您的浏览器暂不支持

</audio>

 

支持格式:

Ogg vorbismp3wav

② audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格

式:

实例

<audio controls="controls">

    <source src="(音频名).ogg" type="audio/ogg">

    <source src="(音频名).mp3" type="audio/mpeg">

    您的浏览器暂不支持

</audio>

③ 属性:

A. autoplay  autoplay  如果出现该属性,则音频在就绪后马上播放(是否自动播放)。

B. controls  controls  如果出现该属性,则向用户显示控件,比如播放按钮。

C. loop  loop  如果出现该属性,则每当音频结束时重新开始播放(是否重复播放)。

D. preload  preload  如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。

                 E. src  url  要播放的音频的 URL(地址)

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多