我是否需要HTML 5视频的自定义JS播放器,即使我只考虑默认支持HTML 5视频的设备?

时间:2011-10-17 19:50:14

标签: android html5 mobile-safari mobile-website html5-video

我正在使用jquery mobile制作移动网站,我只考虑iPad,iPhone和Android设备。我不需要Flash Fallback。

那么仅为移动设备制作视频播放器的最佳方法是什么?我是否必须使用这些http://praegnanz.de/html5video/中的任何一个或仅使用html 5视频代码。我不需要定制皮肤。主要是视频应该在iPad,iphone和Android上顺利播放。

1 个答案:

答案 0 :(得分:2)

您不一定要使用其中一个视频库;你可以使用HTML5视频元素,它允许你通过CSS设置控件的样式并指定回退(包括flash和silverlight)。

要考虑的主要事情是iphone,ipad和android支持的每个移动浏览器的视频编解码器。 在标签之间,您可以指定多种视频格式进行后备。

我在iphone和ipad上测试了它,它可以使用HTML5视频元素播放视频:

<video width="320" height="240" controls="controls">
      <source src="http://blip.tv/file/get/Qtv-CarrieFisherTalksStarWarsOnQ553.mp4" type="video/mp4" />
      Your browser does not support the video tag.
</video> 

iOS将支持mp4,但我不是Android专家,所以我发现这篇文章详细介绍了将通过html5视频元素在Android上播放的视频编码:Encoding Video For Android