定位嵌入式 YouTube 播放器

Question

我正在创建一个交互式视频网站并具有此功能：

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var done = false;
var player;

function videoChosen(btnid) {   
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      playerVars: { 'autoplay': 0, 'controls': 0,'autohide':2,'disablekb':1,'modestbranding':1,'fs':0 },
      videoId: btnid,
      events: {
        'onStateChange': onPlayerStateChange
      }


    });
}

但我找不到更改视频播放器位置的方法（它一直在浏览器的左上角加载）。有没有办法使用 CSS 来定位使用该功能召唤的玩家？

Answer 1

看起来您可能缺少播放器的 div，即 <!-- 1. The <iframe> (and video player) will replace this <div> tag. --> <div id="player"></div>

看看this link。正如它所说，你的播放器将取代这个 div。所以，把 div 放在你想要播放器的地方。

希望这会有所帮助。