建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
html5視頻如何全屏
HTML5 視頻全屏的方法有多種，下面將詳細(xì)介紹兩種常用的方法：使用 JavaScript 和 HTML5 屬性。
目前創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、射陽網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。
方法一：使用 JavaScript
1、在 HTML 文件中添加一個(gè) 標(biāo)簽，用于播放視頻。
2、在 HTML 文件中添加一個(gè)按鈕，用于觸發(fā)視頻的全屏操作。
3、在 HTML 文件中添加以下 JavaScript 代碼，用于實(shí)現(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、保存文件并在瀏覽器中打開，點(diǎn)擊 "全屏播放" 按鈕即可將視頻全屏播放。
方法二：使用 HTML5 屬性
1、在 HTML 文件中添加一個(gè) 標(biāo)簽，用于播放視頻。
2、在 HTML 文件中添加一個(gè)按鈕，用于觸發(fā)視頻的全屏操作。
3、在 HTML 文件中添加以下 JavaScript 代碼，用于實(shí)現(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、保存文件并在瀏覽器中打開，點(diǎn)擊 "全屏播放" 按鈕即可將視頻全屏播放。
當(dāng)前文章：html5視頻如何全屏
URL地址：http://www.fisionsoft.com.cn/article/dhdijho.html
