在我们的移动端,如果,我们需要播放audio(音频)和video(视频),是要借助html新增的标签,audio和video.在此之前,我们是通过插件来进行播放视频和音频的。通过flash 来进行播放网页中的需要的视频和音频的。这个插件运行比较重,更新比较频换,用户体验差,如果更新不及时,会造成网页的崩溃的情况。所以,我们开发了新的标签,就是audio和video标签。来帮助我们去播放我们的需要的音频和视频。
首先,音频和视频的格式是不一样的,格式的样式也很多,具体的可以参照w3c的定义。各个浏览器的支持也不一样,如果,我们需要写兼容的话,我们可以在audio和video标签里面,写兼容的格式。通过source标签来进行解决格式不兼容的问题。写法如下:
<video autoplay poster = "posterimage.jpg">
<source src="movie.ogg" type="video/ogg">
<source src = "movie.mp4" type = "video/mp4"/>
</video>
这是可以通过source标签来进行让浏览器来解析不同的文件格式。通过source标签的src属性和type属性来进行加载不同的文件格式。也可以适用于audio标签。
我们来看看,audio的标签的相关的属性。
1:src属性。是播放的音频url。这是非常重要的属性。我们可以通过src属性就可以加载音频文件,也可以通过改变src的属性的具体路径来进行改变播放的音频文件,来达到我们的切换歌曲的目的。
2:controls属性:是向用户展示播放控件。但是,我们可以作为背景音乐的话。就可以不需要播放控件。
3:
网友评论