javascript - 定位嵌入式 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 放在您想要播放器的位置。

希望这对您有所帮助。