Firefox 3.1现在包含对HTML 5 视频video 和 音频audio 标签tags的支持了!直接可以在页面上控制音频和视频信息,Mozilla开发者网站发布一篇新的文章指导如何使用。Firefox 3.1目前支持Ogg format(一种新的崭露头角的音频文件格式),其他音乐格式还在讨论中,可能未来支持。
下面是范例使用方法:
下面是范例使用方法:
- <video src="http://v2v.cc/~j/theora_testsuite/320×240.ogg" autoplay>
- Your browser does not support the <code>video</code> element.
- </video>
是不是非常简单?你能为不同的格式提供不同的代码选项:
- <video autoplay>
- <source src="foo.ogg" type="video/ogg"></source>
- <source src="foo.mov"></source>
- Your browser does not support the <code>video</code> element.
- </video>
目前,所有源码元素还没有完全支持,媒体录音能通过JavaScript控制:
- var v = document.getElementsByTagName("video")[0];
- v.play();
你还可以通过不同的媒体事件来更新你的UI:
- var v = document.getElementsByTagName("video")[0];
- v.addEventListener("seeked", function() { document.getElementsByTagName("video")[0].play(); }, true);
- v.currentTime = 10.0;
真是挺强大的,希望其他浏览器对HTML 5的支持也能加强。
来自:ajaxian.com