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中收到」。