HTML5Audio/Video全解(浏览器对音视频格式支持说明)

Audio
  Firefox:支持 Ogg Vorbis和WAV
  Opera :支持Ogg Vorbis和WAV
  Safari :支持MP3,AAC格式 ,和MP4
  Chrome :支持Ogg Vorbis,MP3,WAV,AAC和MP4
  Internet Explorer 9+ :支持MP3,AAC格式 ,和MP4
  IOS :支持MP3,AAC格式 ,和MP4
  Android :支持AAC和MP3
  为了最大程度支持所有上面提到的浏览器,建议开发者使用Ogg Vorbis和MP3这两种格式例如。

?


1

2

3

4

<audio controls>

   <source src="myAudio.ogg" type="audio/ogg">

   <source src="myAudio.mp3" type="audio/mp3">

</audio>

   Video
  Firefox :支持Ogg Theora格式和WEBM
  Opera :支持Ogg Theora格式和WEBM
  Safari :支持MP4
  Chrome :支持Ogg Theora格式,MP4和WEBM
  Internet Explorer 9 :支持MP4和WEBM(需要安装插件)
  IOS :支持MP4
  Android :支持MP4和WEBM(Android 2.3版本以上)
   为了支持上述所有的浏览器,建议使用WebM和MP4视频文件作为source元素。例如。

?


1

2

3

4

<video controls>

   <source src="myVideo.mp4" type="video/mp4">

   <source src="myVideo.webm" type="video/webm">

</video>

  再来张截图示意:(http://en.wikipedia.org/wiki/Html_video_tag)

时间: 2024-10-07 13:07:36

HTML5Audio/Video全解(浏览器对音视频格式支持说明)的相关文章

HTML5Audio/Video全解(标签解读)

标签属性 <</span>audio id="media" src="http://www.abc.com/test.mp3" controls></</span>audio> src:音乐的URL (source标签在src属性不存在时使用) preload:预加载(none.metadata.auto.如果不使用此属性,默认为auto.) autoplay:自动播放 loop:循环播放 controls:浏览器自带

HTML5Audio/Video全解(Media对象方法和属性)

获取HTMLVideoElement和HTMLAudioElement对象 //audio可以直接通过new创建对象 Media = new Audio("http://www.abc.com/test.mp3"); //audio和video都可以通过标签获取对象 Media = document.getElementById("media"); Media方法和属性——HTMLVideoElement 和 HTMLAudioElement 均继承自 HTMLMe

HTML5Audio/Video全解(Media JS事件)

   eventTester = function(e){           Media.addEventListener(e,function(){               console.log((newDate()).getTime(),e);           });      }         eventTester("loadstart");   //客户端开始请求数据      eventTester("progress");    //客户

(1)h264 ,mpeg4 ,aac 等音视频格式及其基础详解

以下一系列文章均来于网络,其目录如下: h264 ,mpeg4 ,aac 等音视频格式及其基础详解 codec类型 mpeg系列——mpeg1和Mmpeg2 mpeg系列——mpeg4 mpeg系列——aac音频 H26x系列 容器(上) 容器(下) 一 基本概念 1 编解码 编解码器(codec)指的是一个能够对一个信号或者一个数据流进行变换的设备或者程序.这里指的变换既包括将信号或者数据流进行编码(通常是为了传输.存储或者加密)或者提取得到一个编码流的操作,也包括为了观察或者处理从这个编码流

用JavaScript检测视频格式支持

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>用JavaScript检测视频格式支持</title> <script type=&q

video详解 HTML5中的视频:

一.video 视频的方法.属性.事件详解 方法:play() 播放  pause() 暂停 属性:currentTime播放到当前的时间   duration视频的总时长 事件:ended 播放完的事件,需要进行的操作 二.video的浏览器的兼容性:(让所有浏览器都兼容) 1.添加js(下载地址:http://www.zhangxinxu.com/study/js/html5media.min.js ) <script src="http://html5media.googlecode

iSkysoft Video Converter Ultimate for Mac(全能视频格式转换

iSkysoft Video Converter Ultimate Mac是一款全能视频格式转换器!可以进行视频转换.DVD刻录软件.视频下载.媒体传输等.iSkysoft Video Converter Ultimate Mac的功能非常的强大,并且可以对视频.音频进行编辑,分割视频.调整像素.帧速率.编码器.比特率等等. iSkysoft Video Converter Ultimate可以将视频转换为高清质量,下载高分辨率视频,快速压缩和编辑任何格式的4K视频到更小的尺寸,并做更多.获取这

office文档、图片、音/视频格式转换工具

1.音频/视屏转换工具VLC https://wiki.videolan.org/Mp3/#Container_formats  http://wenku.baidu.com/view/ba73ac5c804d2b160b4ec05a.html?re=view https://wiki.videolan.org/How_to_Batch_Encode/ https://wiki.videolan.org/Transcode/ VLC supported video format to MP4 (

HTML5_布局and音视频

HTML5_布局and音视频 I.HTML5标签的改变1.文档声明HTML语法是不区分大小写的HTML5的DTD声明为:<!doctype html>确保浏览器能在HTML5的标准模式下进行渲染 \App3_HTML5\Module1_Layout\html5.html <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <ti