新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
html5視頻如何全屏
HTML5 視頻全屏的方法有多種,下面將詳細介紹兩種常用的方法:使用 JavaScript 和 HTML5 屬性。

目前創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)絡空間、網(wǎng)站托管、服務器租用、企業(yè)網(wǎng)站設計、射陽網(wǎng)站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
方法一:使用 JavaScript
1、在 HTML 文件中添加一個 標簽,用于播放視頻。
2、在 HTML 文件中添加一個按鈕,用于觸發(fā)視頻的全屏操作。
3、在 HTML 文件中添加以下 JavaScript 代碼,用于實現(xiàn)視頻的全屏功能:
function playFullScreen() {
var video = document.getElementById("myVideo");
if (video.requestFullscreen) {
video.requestFullscreen();
} else if (video.mozRequestFullScreen) { // Firefox
video.mozRequestFullScreen();
} else if (video.webkitRequestFullscreen) { // Chrome, Safari and Opera
video.webkitRequestFullscreen();
} else if (video.msRequestFullscreen) { // IE/Edge
video.msRequestFullscreen();
}
}
4、保存文件并在瀏覽器中打開,點擊 "全屏播放" 按鈕即可將視頻全屏播放。
方法二:使用 HTML5 屬性
1、在 HTML 文件中添加一個 標簽,用于播放視頻。
2、在 HTML 文件中添加一個按鈕,用于觸發(fā)視頻的全屏操作。
3、在 HTML 文件中添加以下 JavaScript 代碼,用于實現(xiàn)視頻的全屏功能:
function playFullScreen() {
var video = document.getElementById("myVideo");
if (video.requestFullscreen) {
video.requestFullscreen();
} else if (video.mozRequestFullScreen) { // Firefox
video.mozRequestFullScreen();
} else if (video.webkitRequestFullscreen) { // Chrome, Safari and Opera
video.webkitRequestFullscreen();
} else if (video.msRequestFullscreen) { // IE/Edge
video.msRequestFullscreen();
}
}
4、保存文件并在瀏覽器中打開,點擊 "全屏播放" 按鈕即可將視頻全屏播放。
當前題目:html5視頻如何全屏
URL鏈接:http://www.dlmjj.cn/article/dhdijho.html


咨詢
建站咨詢
