首页 > 网站建设 >

网站建设怎么让网页具有音频和视频的效果

发布时间:2019-10-10 作者:网站建设

  网站建设公司在HTML5之前,为了让网页具有音频和视频的效果,往往需要使用第三方插件或者flash工具;而HTML5提供了音频和视频的播放接口,新增了video和audio标签,所有支持HTML5的浏览器都可以直接播放音频和视频。
  由于目前并非所有的浏览器都很好地支持HTML5的功能,所以为了避免部分浏览器不支持某些属性的情况出现,在使用HTML5的音频和视频之前,需要对浏览器的支持情况进行检测。运行下面这段代码,单击“检测”按钮即可查看当前浏览器是否支持HTML5的视频播放功能。
  然而在实际使用中,并非每次都需要执行以上代码才能判断浏览器是否支持HTML5的视频功能。
  在HTML5中,可以使用video和audio标签添加音频和视频文件。由于目前video元素支持Ogg、MPEG4和WebM格式的视频文件,而audio元素支持OggVorbis、MP3和Wav格式的音频文件,而且不同的浏览器支持音频和视频的程度也不一样,所以在添加音视频文件的时候需要特别注意。例如下面这段代码:
  在这段代码中,<audio>元素和<video>元素分别使用src指定了一个音频和视频文件,而controls属性用于告诉浏览器显示通用的用户控制,包括开始、停止、调播以及音量控制。如果不指定controls特性,用户将无法播放页面上的音频和视频。深圳网站建设公司本文关于“网站建设怎么让网页具有音频和视频的效果”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
文章标题:网站建设怎么让网页具有音频和视频的效果
本文地址:https://www.198bona.com/news/4215.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯