即使我只考虑默认支持 HTML 5 视频的设备，我是否需要一个用于 HTML 5 视频的自定义 JS 播放器？

发布于 2024-12-10 03:28:30 字数 294 浏览 0 评论 0原文

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

那么制作仅适用于移动设备的视频播放器的最佳方法是什么？我是否必须使用这些 http://praegnanz.de/html5video/ 或仅使用 html 5 视频代码会做。我不需要定制皮肤。最主要的是视频应该能够在 iPad、iPhone 和 Android 上流畅播放。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

想你只要分分秒秒 2024-12-17 03:28:30

您不一定非得使用这些视频库之一；您可以使用 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 上播放的视频编码: 为 Android 编码视频

You don't necessarily have to use one of those video libraries; you can use the HTML5 video element which allows you to style the controls via CSS and specify fallbacks (including flash and silverlight).

The main thing to consider will be what video codecs each mobile browser on iphone, ipad and android supports.
In between the tags, you can specify multiple video formats to fallback on.

I tested this on iphone and ipad and it could play the video using the HTML5 video element:

<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 will support mp4 but i'm not an Android expert so i found this post that details encoding video that will play on Android via the html5 video element: Encoding Video For Android

回复收藏 0 原文

~没有更多了~