移动端----audio和video

在我们的移动端,如果,我们需要播放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:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容