【问题标题】:How To Add Youtube Video On A Webpage [duplicate]如何在网页上添加 Youtube 视频 [重复]
【发布时间】:2020-04-17 22:55:50
【问题描述】:

我对网络开发还是很陌生,我正在尝试创建一个新网站来娱乐,只是为了测试我的技能,所以如果我从这个平台提出很多问题,请忘记我。

但我想在我的网页上添加一个 youtube 视频,但我在堆栈溢出上找不到任何关于此的内容,但谁能告诉我一个平台,我可以复制/粘贴代码或有人再次提供给我我已经尝试了很多 github,堆栈溢出并尝试在 google 上查找,但一切都与其他东西有关 :( 任何帮助都会提前谢谢你

【问题讨论】:

  • 仅使用标题中的 3 个关键字就会出现很多很多重复项,例如,除了我链接的第一个之外,还有 this onethis one,也许是 this one。如果您的搜索确实找到了这些或其他,您需要让我们知道您已经找到并尝试了它们,并说明它们为什么没有帮助。

标签: javascript jquery html css


【解决方案1】:

您可以使用<iframe> 将视频嵌入您的页面。 You can find instructions here.

点击任何 YouTube 视频上的分享按钮即可轻松找到嵌入代码。

【讨论】:

    【解决方案2】:

    如果您使用的是 HTML5,最好的方法是使用 <iframe> 标签。

    这是一个例子(你会发现一些愚蠢的娃娃跳跃和移动):

    <iframe src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>
    

    autoplay=1 将在页面加载时播放视频:

    <iframe src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1"></iframe>
    

    但是 HTML 中有两个不推荐使用的标签,我不建议使用它们。
    他们是&lt;object&gt;&lt;embed&gt;

    一个使用&lt;object&gt;的例子:

    <object data="https://www.youtube.com/embed/tgbNymZ7vqY"></object>
    

    另一个例子,如果使用&lt;embed&gt;

    <embed src="https://www.youtube.com/embed/tgbNymZ7vqY">
    

    【讨论】:

      猜你喜欢
      • 2011-11-10
      • 1970-01-01
      • 2018-04-12
      • 2011-11-10
      • 2012-01-02
      • 1970-01-01
      • 2017-10-02
      • 1970-01-01
      • 2021-11-04
      相关资源
      最近更新 更多