Question

我正在为自定义应用编写HTML页面。我想在我的网页上嵌入YouTube视频。我知道youtube API，我在python中使用过它。我是JS的新手，我对html的了解很少。

要嵌入YouTube视频，非常简单，现在的事情是我无法满足一些重要要求，请列出以下内容：

1）我在“待机”时需要视频播放器，要像100x70像素一样小。通过简单地嵌入视频和修改大小来实现这一点，youtube的皮肤获得所有空间，而不是只有缩略图。

    <embed
    width="120" height="72"
    src="http://www.youtube.com/v/XGSy3_Czz8k"
    type="application/x-shockwave-flash">
    </embed>

2）当点击缩略图时，我希望玩家可以占用更多空间来扩展它的限制。这是另一个话题，只是提到它，以防有一个解决这两个问题的简单解决方案。

我尝试使用youtube的api，但由于我没有使用JS，我没有找到一个具体的例子来帮助我，因此无法真正弄清楚如何在JS中使用API。我已经阅读了它的大部分文档。

感谢您的时间。

Answer 1

尝试将视频放在具有固定尺寸的容器（如div）中，而不是在标记内设置尺寸。这样你就可以使用jQuery来改变容器本身的大小而不是。

HTML：

<div id="container" style="width: 100px; height: 70px;"><embed
width="420" height="345"
src="http://www.youtube.com/v/XGSy3_Czz8k"
type="application/x-shockwave-flash">
</embed></div>

jQuery的简单功能：

$( "#container" ).click(function() {
  $(this).css("width", "420px");
  $(this).css("height", "345px");
});

查看更多信息： http://api.jquery.com/click/

javascript嵌入了youtube视频

1 个答案: