移動瀏覽器上的HTML5視頻全屏（android）

經過大量研究後，我還沒有找到任何答案。我想通過FullScreenAPI實現我的目標，但它在任何移動瀏覽器中都不受支持（除了Firefox 19和Blackberry瀏覽器 - 但我需要跨瀏覽器解決方案）。 Here's the source。我還在原生Android瀏覽器和移動Chrome上測試了FullScreenAPI，並帶有適當的前綴全屏功能。每個功能的類型爲undefined。移動瀏覽器上的HTML5視頻全屏（android）

另一種方法是rtsp協議通常由外部播放器處理。 Here是假設m.youtube.com使用該解決方案的人 - 我認爲這不是真的（也許答案已過時）。 Youtube使用原生視頻的全屏。當您點擊播放按鈕時，在移動版Chrome上，電影會立即全屏顯示。

雖然，每個源我一派告訴我，原生全屏不可能在Android瀏覽器，還具有其天然的控制HTML5視頻元素爲我們提供了一個全屏按鈕，它完美的作品在那裏。

因爲我不想要本地控件，任何人都可以分享任何巧妙的解決方案How to trigger HTML5 video fullscreen button'sevent？

來源

2013-03-05 matewka

您可以製作一個100％寬度/高度的彈出窗口，並在播放HTML5視頻的絕對關閉按鈕上彈出。

老，簡單使壞......但工作

來源

2013-03-05 19:06:18

是的，我忘了分享這個問題的可能性。不幸的是，它不是我的解決方案:(我需要從原生按鈕觸發非常全屏幕（或者，如果它不可能，我需要100％肯定） – matewka 2013-03-06 09:32:59

嘗試video.webkitEnterFullscreen（）在用戶交互的事件處理程序（例如：點擊）

來源

2014-02-10 03:56:03 OOO

所有你需要的「webkitbeginfullscreen」工作，用於移動設備的「webkitendfullscreen」事件，我think.it將

<!doctype html> 
<html> 
<head> 
<title>video</title> 
<script type="text/javascript"> 
function videoControl() { 
    var myVideo = document.getElementById('myVideo'); 
    myVideo.addEventListener("webkitbeginfullscreen", enteringFullscreen, false); 
    myVideo.addEventListener("webkitendfullscreen", exitingFullscreen, false); 
} 

function enteringFullscreen() { 
    alert("entering full-screen mode"); 
} 

function exitingFullscreen() { 
    alert("exiting full-screen mode"); 
} 
</script> 
</head> 
<body onload="videoControl()"> 
<div id="videoContainer"> 
<video id="myVideo" src="myVideo.m4v" autoplay controls> 
</video> 
</div> 
</body> 
</html>

來源

2014-02-25 10:00:04

-1

這是我使用應該幾乎無處不在的工作：

function toggleFullScreen() { 
    var doc = window.document; 
    var elem = doc.body; //the element you want to make fullscreen 

    var requestFullScreen = elem.requestFullscreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen || elem.msRequestFullscreen; 
    var cancelFullScreen = doc.exitFullscreen || doc.webkitExitFullscreen || doc.mozCancelFullScreen|| doc.msExitFullscreen; 

    if(!(doc.fullscreenElement || doc.mozFullScreenElement || doc.webkitFullscreenElement || doc.msFullscreenElement)) { 
     requestFullScreen.call(doc.body); 
    } 
    else { 
    cancelFullScreen.call(doc); 
    } 
}

來源

2015-02-04 04:02:20 MikeC

這使得網頁全屏，而不僅僅是元素或視頻。 – 2017-01-16 11:13:11

移動瀏覽器上的HTML5視頻全屏（android）

回答

相關問題