如何在移動設備上的本地播放器中播放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視頻？

回答

相關問題