Question

H5 video 标签 怎么做成点击一张图片直接全屏播放{wap端}对应的视频

Answer 1

通过js控制噻

追问

能具体给个代码么 js不会呀

追答

function launchFullscreen(element) {
  if (element.requestFullscreen) {
    element.requestFullscreen();
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if (element.msRequestFullscreen) {
    element.msRequestFullscreen();
  } else if (element.oRequestFullscreen) {
    element.oRequestFullscreen();
  } else if (element.webkitRequestFullscreen) {
    element.webkitRequestFullScreen();
  } else {
    var docHtml = document.documentElement;
    var docBody = document.body;
    var videobox = document.getElementById('videobox');
    var cssText = 'width:100%;height:100%;overflow:hidden;';
    docHtml.style.cssText = cssText;
    docBody.style.cssText = cssText;
    videobox.style.cssText = cssText + ';' + 'margin:0px;padding:0px;';
    document.IsFullScreen = true;
  }
}

launchFullscreen(document.getElementById('video'));