HTML5的video元素和audio元素兼容性
来源:互联网 发布:淘宝童装店简介怎么写 编辑:程序博客网 时间:2024/05/18 12:40
一 介绍
因为各浏览器对音频和视频的支持互不相同,开发者可能希望为<video>和<audio>元素指定多个媒体源,此时可以借助<source>子元素来实现。
二 代码
<!DOCTYPE html><html><head><meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" /><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title> 音频播放 </title></head><body><h2> 音频播放 </h2><audio controls><!-- 让浏览器依次选择适合自己播放的音频文件 --><source src="demo.ogg" type="audio/ogg"/><source src="demo.mp3" type="audio/mpeg"/><source src="demo.wav" type="audio/x-wav"/></audio></body></html>
三 运行结果
四 运行说明
只要该浏览器支持audio元素,无论该浏览器是支持OGG Vobis压缩格式,还是支持MP3格式,或只支持WAV格式,该浏览器总可以找到适合自己的音频格式,因为总可以正常播放。
阅读全文
0 0
- HTML5的video元素和audio元素兼容性
- HTML5中的video元素和audio元素
- Html5的多媒体元素:audio video
- audio和video元素
- HTML5<video>元素(audio元素类似)
- HTML5 Video&Audio&Canvas元素测试
- HTML5的audio元素应用
- HTML5的video元素应用
- HTML5实战与剖析之媒体元素(1、video标签和audio标签简介)
- <html5>video和audio
- HTML5 Video和Audio
- HTML5 audio 和 video
- webkit移动开发笔记:html5中video与audio标签之无法自动播放的audio元素
- HTML5 Video元素
- HTML5 媒体元素--------video
- html5 video 元素
- HTML5 -video和audio的设置
- html5 video 兼容性和使用
- 原码、反码、补码的正(nao)确(can)打开方式
- DOM复制节点
- Linux下的tomcat停止命令出现Connection refused错误
- 我的物联网项目(一)开端
- linux系统为什么不能一直以root权限操作呢
- HTML5的video元素和audio元素兼容性
- 如约而至的string、stringbuffer和stringbuilder知识相关
- 为什么"overflow:hidden"能清除浮动的影响
- 使用JavaScript脚本控制媒体播放
- WZYCalendar实现日历效果
- matplotlib polar 雷达图
- HTML5的音频和视频监听器应用
- sql数据库字段和关键字冲突的问题解决
- Java之HashMap编程题——2017.11.18