Question

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

Answer 1

您可以尝试将click事件绑定到标记，然后将该元素调整为更大的尺寸，但我猜测Flash视频播放器会劫持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中收到了。”

YouTube会自动调整大小

2 个答案: