使用原生视频播放器全屏播放Android视频

Question

我正在尝试设计一个与Android兼容的视频网站。我正在尝试实现的一个很好的例子是vimeo.com。它们显示了视频的缩略图。当你点击它时，原生的Android播放器就会全屏显示出来：

​

​

目前，我有一个指向包含h.264编码视频的FLV的锚点：

<a href="video.flv">click here to watch</a>

当你在Android上点击主播时，它会下载视频，而不是播放视频。这不是我想要的。如何让它在像Vimeo这样的原生播放器中全屏播放？但与Vimeo不同的是，我希望视频可以扩展，这样实际的视频周围就不会有太多的黑色空白。

Answer 1

啊，我明白你的意思了，点击Vimeo视频会打开Android对话框，选择哪个应用程序应该响应那个请求(在我的例子中，只有浏览器(它会下载文件)或视频播放器(它会打开并播放你想要的文件))。这是正常的Android行为-如果你还没有定义哪个应用程序应该响应给定的请求，它会要求你从支持的应用程序中进行选择。

你有没有试过用我给你的链接建议的方式嵌入视频？您可能会发现，它将具有Vimeo视频的确切效果。HTML5 element on Android

Android EDIT：实际上，我认为你真正的问题可能只是你正在使用的文件格式(.flv)不在支持的核心媒体格式之列。http://developer.android.com/guide/appendix/media-formats.html

Answer 2

如果您安装了正确的编解码器来播放视频，但不起作用，请检查并确保您配置了正确的mime类型，并且注册表中的某些内容或文件未被覆盖。

使用定义mp4和回退到闪存的旧标准。

Answer 3

在移动Safari和Android webkit中，在Video对象上定义的javascript方法和事件可以帮助实现这一点。还有另一个关于这个话题的StackOverflow问题(对于iPad，但我也在安卓手机上使用过这个问题)。

Web App - iPad webkitEnterFullscreen - Programatically going full-screen video

移动Safari文档：http://developer.apple.com/library/safari/#documentation/AudioVideo/Reference/HTMLVideoElementClassReference/HTMLVideoElement/HTMLVideoElement.html