ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML-音视频

2021-10-17 14:00:27  阅读:106  来源: 互联网

标签:浏览器 标签 音视频 兼容 HTML video audio


  要引用音频,通常用audio标签,如下:

<audio src="./xx.mp3" controls autoplay>
    当前浏览器不支持audio
</audio>

  src是链接的地址,controls是控制当前音频是否显示,autoplay控制是否自动播放。默认是没有controls和autoplay的情况下,不显示也不自动播放。

  autoplay是一个很废的属性,在大多数浏览器下不兼容。因此可有可无

  有一个特别要强调的事:audio标签在一些高版本的浏览器才能兼容;如果放在IE8及以下就行不通了,不过也有相应的标签能实现,但没必要,越多越多项目已经不考虑兼容到低版本或古老的浏览器了;因此audio够用了

  下面说视频标签:video;如下:

<video width="800" height="">
            <source src="myvideo.mp4" type="video/mp4"></source>
            <source src="myvideo.ogv" type="video/ogg"></source>
            <source src="myvideo.webm" type="video/webm"></source>
            当前浏览器不支持 video直接播放,点击这里下载视频: <a href="myvideo.webm">下载视频</a>
</video>

  上面的写法是为了兼容浏览器,极大多数都能识别mp4格式,有的不行只能识别ogg或者webm格式的

  最后也说一些注意事项:

  1. 在实际项目,音视频是不会放到本地存储的。基本都是阿里云等平台买服务器来保存

  2. 如果实在没钱买,也可以把音视频上传到第三方的服务器上。然后通过第三方给的音视频URL来链接,但记住此时链接别人的音视频地址,不能再用audio或video标签,得用 iframe

标签:浏览器,标签,音视频,兼容,HTML,video,audio
来源: https://www.cnblogs.com/ibcdwx/p/15416824.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有