[FireFox]FireFox3.1开始支持HTML5的视频和音频

Firefox 3.1现在包含对HTML 5 视频video音频audio 标签tags的支持了!直接可以在页面上控制音频和视频信息,Mozilla开发者网站发布一篇新的文章指导如何使用。Firefox 3.1目前支持Ogg format(一种新的崭露头角的音频文件格式),其他音乐格式还在讨论中,可能未来支持。
下面是范例使用方法:

Html代码 复制代码
  1. <video src="http://v2v.cc/~j/theora_testsuite/320×240.ogg" autoplay>   
  2. Your browser does not support the <code>video</code> element.   
  3. </video>  

是不是非常简单?你能为不同的格式提供不同的代码选项:

Html代码 复制代码
  1. <video autoplay>    
  2.    <source src="foo.ogg" type="video/ogg"></source>    
  3.    <source src="foo.mov"></source>    
  4.    Your browser does not support the <code>video</code> element.    
  5. </video>   

目前,所有源码元素还没有完全支持,媒体录音能通过JavaScript控制:

Js代码 复制代码
  1. var v = document.getElementsByTagName("video")[0];   
  2. v.play();  

你还可以通过不同的媒体事件来更新你的UI:

Js代码 复制代码
  1. var v = document.getElementsByTagName("video")[0];  
  2.   
  3. v.addEventListener("seeked"function() { document.getElementsByTagName("video")[0].play(); }, true);  
  4. v.currentTime = 10.0;   

真是挺强大的,希望其他浏览器对HTML 5的支持也能加强。

来自:ajaxian.com

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏