javascript - YouTube iFrame API : Programmatically play natively?

Question

我正在尝试通过 JS 以编程方式播放 YouTube 视频(在 iFrame 中)。这是我用来以编程方式播放 YouTube 视频的代码:

iframe.postMessage('{"event":"command","func":"playVideo","args":""}', '*');

但是，在支持 YouTube native 播放功能的设备中，iFrame 中的视频会变成黑屏并且不会打开 native 视频播放器。

如何使用 iFrame API 在可能的情况下以编程方式本地播放视频？

Answer 1

我强烈建议您查看 Youtube Iframe Player API。 https://developers.google.com/youtube/iframe_api_reference#Playback_controls

var player;
  function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: 'M7lc1UVf-VE',
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });
}

function onPlayerReady(event) {
  event.target.setVolume(100);
  event.target.playVideo();
}