定位嵌入式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放在你想要玩家的地方。

希望这有帮助。