如何在移动设备上的本地播放器中播放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();
}
答
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>
+0
是的,做到了!非常感谢。 – Boris
是否有您从本地播放器需要一些特定的功能,或只是让在全屏模式下的视频? – Mick
@Mick是的,基本上我只是想全屏模式下的所有默认功能(播放,暂停,倒带等)的视频。 – Boris