如何在手机原生播放器中播放HTML5视频？

Question

我在我的网站上嵌入了以下视频：

<video id="vid" data-src="/tasks/render/file/?method=inline&fileID=#local.child.getVideoFile()#">
    <source src="/tasks/render/file/?method=inline&fileID=#local.child.getVideoFile()#" type="video/mp4">
    Your browser does not support the video tag.
</video>

它工作得很好。我还将整个过程封装在一个fancybox中。它在lightbox式的覆盖中打开视频。这对于台式机来说是很好的。

但现在我的问题是..。有没有办法让我可以在移动设备(iPhone，安卓等)的本地视频播放器中打开视频？

我搜索了HTML5视频JavaScript函数和HTML5视频HTML属性，但什么也找不到。

要启动视频，我使用以下命令：

function play(vID) {
    document.getElementById('vid').play();
}

Answer 1

HTML5现在实际上有一个Android应用程序接口-它正在开发中，就像他经常在新的规范中一样，但我认为在最近的iOS和FullSscreen版本中都支持它。

规范本身在这里：https://www.w3.org/TR/fullscreen/，它链接到这里的最新工作版本(请看奇怪的名称‘请看’链接)：https://fullscreen.spec.whatwg.org

这个Mozilla页面上有一些示例，但需要注意的是，它需要更新，所以值得您先试一试。

关键功能是视频控制的，使用文档中的JavaScript元素。上面的链接中的一个例子是：

var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
}

<video controls id="myvideo">
  <source src="somevideo.webm"></source>
  <source src="somevideo.mp4"></source>
</video>