从移动网络应用程序嵌入视频答案

【问题标题】：Embedding Videos from Mobile Web App从移动网络应用程序嵌入视频
【发布时间】：2011-07-28 17:18:33
【问题描述】：

我一直在寻找有关在移动网站上嵌入视频的信息。以下是我的几个问题：

1) 我知道使用 HTML5 <video> 标签可以在 iPhone 和 Android 上使用，但是我应该以特定的方式为其他手机执行此操作吗？我知道我会与黑莓作斗争，但 HTC 手机或 windows 手机呢？他们在这里会好吗？大多数手机都说它们支持 HTML5，那么是否可以安全地假设视频会受到支持？

2）对于像 Blackberries 这样的手机，是否可以只实现一个播放视频的常规网页（我的 bb 解决方法总是涉及将页面重新创建为常规网页）。我猜流播放器是不可能的。有一个更好的方法吗？我想让尽可能多的手机能够使用该应用，所以我将使用这种格式：

if: Android OS/iPhone
  - Go to HTML5 Page
else if BB
   if version > 5 
     - Go to HTML5 Page
   else
     - Go to workaround
else if HTC
   - Assuming that html5 will work
else if Opera (for opera Mobi and Mobile)
   - Send to HTML5 page
else
   - Send to workaround

编辑忘记添加页面on support for HTML 5。

【问题讨论】：

你为什么要推出 HTC 手机？这些天他们都在运行 Android 或 WP7。
嗯，我之前在使用 HTC 手机和 JQuery Mobile 时遇到过一些问题（这就是为什么我不会将它用于此应用程序的原因）。我只是想看看是否还会有其他类型的问题
我寻找他们的用户代理的原因是因为我想确保尽可能多的手机进入默认页面，而且我知道有一个非常简单的方法可以找到 HTC 用户代理
不需要 - 使用 Android 和 WP7 用户代理（易于检测）。
@ceejayoz 旧 HTC 手机使用 Windows Mobile 6.X（.0、.1 或 .5），浏览器基于 IE4（在 .5 上是 IE5 和 6）跨度>

标签： video mobile mobile-website web-applications

【解决方案1】：

大多数手机/设备实际上将视频播放移交给系统媒体播放器（包括 iPhone），其中大多数能够播放 MP4 或 H.264 的某些变体。我发现使用 DeviceAtlas http://deviceatlas.com/ 或 WURFL http://wurfl.sourceforge.net/ 来查找相关的设备功能（视频播放器、支持编解码器等），然后提供相关的文件/编解码器和标记（无论是 HTML5 视频标签，还是一个简单的 HREF）到每个设备通常是最好的（最终也是最简单的）解决方案。

仅供参考 - 一些设备（例如诺基亚 Symbian 设备）支持在网页本身（使用 Flash 插件）内播放 Flash 视频（FLV/VP6？我相信），许多 Android 设备也是如此（尽管有不同的成功的程度）。

【讨论】：