在 iOS/Android 原生媒体播放器中播放 HTML5 视频答案

【问题标题】：Play HTML5 video in iOS/Android native media player在 iOS/Android 原生媒体播放器中播放 HTML5 视频
【发布时间】：2013-08-14 12:19:08
【问题描述】：

很简单，我有一个<video>标签如下：

<video id="video" controls preload>
    <source src="media/video.mp4" type="video/mp4">
    <source src="media/video.webm" type="video/webm">
    <source src="media/video.ogv" type="video/ogg">
    Your browser does not support the video tag.
</video>

相当标准。但是，我希望使用内置媒体播放器在移动设备上打开视频，就像在 iPhone 上观看 Safari 中的 YouTube 视频一样。

我怎样才能做到这一点？移动网站是使用 jQuery Mobile 构建的。

另外，我想我在某处读到，从 <source> 标记中删除 type 属性会增加兼容性。这是真的吗？

【问题讨论】：

标签： android ios jquery-mobile mobile html5-video

【解决方案1】：

更新：如果您尝试从 Hybrid android 应用程序播放视频文件，那么下面的代码应该对您有用。要在 Android Native 播放器中播放 HTML5 视频，请使用一小段 Java 代码 -

Intent intent = new Intent(android.content.Intent.ACTION_VIEW);
Uri data = Uri.parse(“path of the video file”); //Specify the video file path
intent.setDataAndType(data,“video/mp4″);
startActivity(intent);

现在使用您的 JavaScript 函数调用上面的 Java 原生代码，传递上面显示的视频元素或路径，您应该可以很好地使用您的播放器。

回答你的第二个问题，我认为移除type属性并不会增加手机的视频兼容性，因为它是本地播放器知道视频文件编码的强制属性。

【讨论】：

您不应简单地提供链接作为答案，而应尝试在答案的文本中提供信息。
谢谢凯西。根据您的建议更新了答案。
OP 询问播放网站上的视频。此答案适用于本机应用程序。

【解决方案2】：

Video.js 与大多数浏览器兼容，但您必须为移动浏览器设置视口等。

This 教程可能对您有所帮助。

【讨论】：

【解决方案3】：

您可以尝试使用新兴的 HTML5 Fullscreen API 来执行此操作。看起来supported in iOS5+ and Android 4.0+

查看tutorial 或阅读full spec。

我还没有听说删除type 属性有什么好处。取出它可能会导致问题。

【讨论】：