定位嵌入式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

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

看一看this link。正如它所说，你的球员将代替这个div。所以，把div放在你想要的球员。

希望这会有所帮助。