YouTube自动调整大小

Question

如果YouTube视频嵌入到网页中，可以使用小尺寸（例如200 x 150），然后在播放时重新调整大小（例如400 x 300）。例如，在Gmail中收到视频时。

Answer 1

您可以尝试点击事件绑定的标签，然后，将调整该元件尺寸较大，但我猜测，闪存视频播放器会劫持click事件，而不是泡沫吗到DOM。

否则，您可以拥有一个海报图片占位符，当点击该位置时，您可以用实际的视频播放器以任意大小替换图片。

Answer 2

你可以试着让JavaScript的听取玩家的onStateChange事件，当状态更改为“1”（播放），您可以更改宽度和高度，以新的大小。也许这样的事情可以工作：

var player = document.getElementById("youtube-player"); 

function onPlayerStateChange(evt) { 
    if (evt.data == "1") { 
    player.style.width = "400px"; 
    player.style.height = "300px"; 
    } 
} 

player.addEventListener("onStateChange", onPlayerStateChange); 

你可以在这里玩的的JavaScript API：https://developers.google.com/youtube/youtube_player_demo这里是参考：https://developers.google.com/youtube/iframe_api_reference#Events这是假定它是一个嵌入自己的网页上，我真的不明白是什么你的意思是“...视频在Gmail中收到”。