老鬼的博客 来都来啦,那就随便看看吧~
html之音视频
发布于: 2020-08-10 更新于: 2020-08-10 分类于: Html 阅读次数: 

一:音频

1.1 介绍

1
2
<audio src=""></audio>,默认情况下不允许用户控制播放和暂停。
可以使用controls标签来控制。

1.2 属性

1.2.1 src
1
需要引入的音频的路径。
1.2.2 controls
1
2
指定用户可以控制播放和暂停。
如果出现该属性,则向用户显示控件,比如播放按钮。
1.2.3 autoplay
1
2
3
4
如果出现该属性,则音频在就绪后马上播放。大部分浏览器为了
提升用户体验则不允许音频自动播放,如:火狐,微信浏览器,
谷歌,都不支持,ie则不支持,针对微信浏览器,可以在wx.ready
的时候播放音乐,这个可以做到自动播放音乐。
1.2.4 loop
1
如果出现该属性,则每当音频结束时重新开始播放。

1.3 演示

1
<audio src="https://www.jay.com/audio.mp3" controls autoplay loop></audio>

二:视频

2.1 介绍

1
<video src></video>来引入视频文件。

2.2 属性

2.2.1 src
1
需要引入的视频的地址。
2.2.2 controls
1
2
指定用户可以控制播放和暂停。
如果出现该属性,则向用户显示控件,比如播放按钮。
2.2.3 autoplay
1
如果出现该属性,则视频在就绪后马上播放
2.2.4 loop
1
如果出现该属性,则每当音频结束时重新开始播放。

2.3 演示

1
<video src="https://www.jay.com/audio.mp4" controls autoplay loop></video>

三:备注

1
2
针对音频,视频我们一般不会直接引入,因为不同的浏览器显示的样子不一样,
一般是使用css控制其显示的样子,然后使用js控制其视频或者音频的播放和暂停。
*************感谢您的阅读*************