Youtube在纵向视图中自动退出全屏,但在横向视图中效果良好

Youtube在纵向视图中自动退出全屏,但在横向视图中效果良好,youtube,youtube-api,Youtube,Youtube Api,每当我在手机上以纵向模式点击youtube嵌入式视频的全屏时,它就会移动到横向全屏模式并返回到原始位置 我已经使用iframeapi实现了它。(此处的内容将动态加载) 8. 从中尝试此代码。全屏在纵向模式下工作,不会自动退出 // init player function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '200', width: '300', videoI

每当我在手机上以纵向模式点击youtube嵌入式视频的全屏时,它就会移动到横向全屏模式并返回到原始位置

我已经使用iframeapi实现了它。(此处的内容将动态加载)


8.
从中尝试此代码。全屏在纵向模式下工作,不会自动退出

// init player
function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    height: '200',
    width: '300',
    videoId: 'dQw4w9WgXcQ',
    events: {
      'onReady': onPlayerReady
    }
  });
}

// when ready, wait for clicks
function onPlayerReady(event) {
  var player = event.target;
  iframe = $('#player');
  setupListener(); 
}

function setupListener (){
$('button').addEventListener('click', playFullscreen);
}

function playFullscreen (){
  player.playVideo();//won't work on mobile

  var requestFullScreen = iframe.requestFullScreen || iframe.mozRequestFullScreen || iframe.webkitRequestFullScreen;
  if (requestFullScreen) {
    requestFullScreen.bind(iframe)();
  }
}
// init player
function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    height: '200',
    width: '300',
    videoId: 'dQw4w9WgXcQ',
    events: {
      'onReady': onPlayerReady
    }
  });
}

// when ready, wait for clicks
function onPlayerReady(event) {
  var player = event.target;
  iframe = $('#player');
  setupListener(); 
}

function setupListener (){
$('button').addEventListener('click', playFullscreen);
}

function playFullscreen (){
  player.playVideo();//won't work on mobile

  var requestFullScreen = iframe.requestFullScreen || iframe.mozRequestFullScreen || iframe.webkitRequestFullScreen;
  if (requestFullScreen) {
    requestFullScreen.bind(iframe)();
  }
}