2

很简单，我有一个<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 构建的。

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

4

3 回答 3

2

更新：如果您尝试从 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 本机代码，您应该对播放器很好。

为了回答你的第二个问题，我认为删除类型属性不会增加手机中的视频兼容性，因为它是本地播放器了解视频文件编码的强制属性。

于 2014-11-13T16:28:21.130 回答
1

您可以尝试使用新兴的 HTML5 Fullscreen API 来执行此操作。它看起来在 iOS5+ 和 Android 4.0+ 中受支持

查看本教程或阅读完整的规范。

而且我还没有听说删除该type属性有什么好处。把它拿出来可能会导致问题。

于 2013-08-15T13:45:09.730 回答
1

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

本教程可能会对您有所帮助。

于 2013-08-14T12:27:49.907 回答