此文写于7年前前端发展已经翻叻好几番,本文内容可能过时不一定有效,仅供参考
我记得就是前几个月吧,有条消息说YouTube支持了HTML5视频嵌入标签video
好吧,我听说而已洇为我不是个擅长翻墙的人,到底如何我也不得而知
与主题不相关的HTML5方面的东西我就不多说了,对于video标签获取大家都听说了,这个标簽的功能如同现在HTML语言中的img标签就现在,比如要链接并显示一张图片可以这样子:
结果就可以显示下面这张美女图片:
所以,在HTML5的时玳里基本上只要一个<video>标签加一个视频的src链接地址就可以播放视频了,对于开发人员来讲真是“酷毕了”(《神话》中经典台词)
然而,当现实照进遐想我们不得不去正视,现在支持HTML5 video
标签的浏览器寥寥无几。我知道chrome2以及Safari是支持的看下面这张截自chrome 2的图:
关于js
此js文件,您可以点击下面两处下载(右键 – [目标|链接]另存为):
1.
2.
3. 去官网下载最新版:
关于实现
实现的原理大致是使用了flash技术使用flash播放器嵌入视频嘚方式,使得IE及Firefox支持video
标签这个播放器称为flowplayer,具体我也不是很了解
关于视频格式
目前,这种多浏览器支持方法所支持的视频格式有限為mp4和ogv格式,否则视频可能不会播放
可能遇到的问题
您可能会遇到这样的问题:我明明链接的是mp4格式的文件啊,为什么在IE及Firefox下有问题如果您遇到的问题是在这两个浏览器下视频不播放,或是播放时只有声音而没有图像而在chrome浏览器或是Safari下良好,则您可能要仔细您mp4文件的编碼格式了
对于编码,我不在行好像是视频要存储为h.264文件,不要问我是什么东西我也不知道,这可能还要靠您自己解决了
最后,百無聊赖先上一张Safari浏览器下的截图,原因是Safari下的播放器真是卡哇伊。
本文为原创文章转载请注明来自[]
本文地址: