youtube - YouTube の自動サイズ変更

Question

YouTube ビデオが Web ページに埋め込まれている場合、小さいサイズ (例: 200 x 150) にしてから、再生時にサイズを大きく (例: 400 x 300) する方法はありますか? 例として、Gmail でビデオを受信した場合が挙げられます。

Answer 1

クリックイベントをタグにバインドして、要素のサイズを大きくしてみることができますが、Flashビデオプレーヤーはクリックイベントをハイジャックし、DOMにバブルアップしないと思います。

それ以外の場合は、ポスター画像のプレースホルダーを設定できます。それをクリックすると、画像が実際のビデオプレーヤーに任意のサイズで置き換えられます。

Answer 2

状態が "1" (再生中) に変わったときに、javascript にプレーヤーの onStateChange イベントをリッスンさせることができます。幅と高さを新しいサイズに変更します。たぶん、このようなものがうまくいくかもしれません:

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で受信されました」という意味がよくわかりません。