2016-10-17 187 views
0

我有嵌在我的網站下面的視頻:如何在移動設備上的本地播放器中播放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(); 
} 
+0

是否有您從本地播放器需要一些特定的功能,或只是讓在全屏模式下的視頻? – Mick

+0

@Mick是的,基本上我只是想全屏模式下的所有默認功能(播放,暫停,倒帶等)的視頻。 – Boris

回答

1

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

相關問題