HTML5音频和视频

HTML5<audio>元素

名称描述
<audio>定义音频内容
<source>规定媒体地址
controls提供播放暂停和音量控件

<source>可提供多个媒体url,浏览器自动选择第一个支持的音频文件

代码演示

wordpress屏蔽了audio标签,所以我只能用图片展示代码

HTML5<video>元素

名称描述
<video>定义视频内容
<source>定义媒体地址
controls提供播放暂停和音量控件

<source>可以提供多个媒体url,浏览器自动选择第一个支持的视频内容

<video>标签可设置宽和高,这样浏览器会预定一个指定大小的尺寸展示视频,如果没设置宽高的话视频页面就会根据视频的原始大小而改变

代码演示
<video width="宽度"height="高度" controls>
<source src="媒体地址">
</video>

总结

基本上所有的浏览器都是支持<audio>和<video>这两个元素,除了ie比较老的浏览器版本不能支持,不过这两个资源都是比较耗费服务器资源的,建议用第三方存储来存放音视频资源

版权声明:
作者:HONG
链接:https://www.honglog.com/215.html
来源:小洪博客
本站遵循cc共享许可协议:BY-NC-SA 4.0 转载请注明出处
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录