如何在移动设备上的本地播放器中播放HTML5视频？

我有嵌在我的网站下面的视频：如何在移动设备上的本地播放器中播放HTML5视频？

<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的叠加层打开视频。这对桌面很好。

但现在我的问题...有没有什么办法，我可以打开移动devieds（iPhone，Android，其他）的原生视频播放器中的视频？

我搜索了HTML5视频JavaScript函数和HTML5视频HTML属性，但找不到任何东西。

开始播放视频，我使用的是这样的：

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

来源

2016-10-17 Boris

是否有您从本地播放器需要一些特定的功能，或只是让在全屏模式下的视频？ – Mick

@Mick是的，基本上我只是想全屏模式下的所有默认功能（播放，暂停，倒带等）的视频。 – Boris

HTML5实际上有一个FullSscreen API现在 - 这是正在开发中，这是常有的新规范，他的情况下，但我认为这是支持在iOS和Android的最新版本中。

的规范本身是在这里：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>

来源

2016-10-17 10:53:36 Mick

是的，做到了！非常感谢。 – Boris

如何在移动设备上的本地播放器中播放HTML5视频？

回答

相关问题