日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎ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é)力一起成長,共同發(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)前標(biāo)題:html5視頻如何全屏
URL標(biāo)題:http://www.5511xx.com/article/dhdijho.html