全屏視頻切換HTML

HTML 5中的視頻標籤真的很吸引人。我需要知道是否可以讓用戶切換全屏播放。我不想使用任何其他視頻插件。我只需要使用視頻標籤。這是可能的。請幫我...全屏視頻切換HTML

2012-06-23 Srivathsan

您可以使用下面的代碼來創建一個按鈕這會將視頻轉換爲全屏模式。

Javascript代碼：

<script type="text/javascript"> 
function goFullscreen(id) { 
    var element = document.getElementById(id);  
    if (element.mozRequestFullScreen) { 
    element.mozRequestFullScreen(); 
    } else if (element.webkitRequestFullScreen) { 
    element.webkitRequestFullScreen(); 
    } 
} 
</script>

HTML代碼：

<video class="video_player" id="player" width="100%" controls="controls" autoplay="autoplay"> 
    <source src="INPUT VIDEO URL HERE"/> 
    Your browser does not support the HTML5 video tag. Use a better browser! 
</video> 
<button onclick="goFullscreen('player'); return false"> 
    View Fullscreen! 
</button>

來源

2012-06-25 19:13:07 godofyouall

根據this website，只有一半的「大型瀏覽器」支持全屏播放。嘗試全屏時，我的Google Chrome實際上崩潰了。然而，隨着時間的推移，全球將出現轉機。

來源

2012-06-23 18:10:52

是的。有可能的。但是，大多數瀏覽器都有一些限制。它目前僅支持（截至2012年6月）基於Webkit的瀏覽器，如Safari和Chrome。

請檢查以下內容：

來源

2012-06-23 19:37:22 Geocrafter

全屏視頻切換HTML

回答

相關問題