我想在我的 HTML 代码中实现一个 Youtube 视频 [重复]

Posted

技术标签:

【中文标题】我想在我的 HTML 代码中实现一个 Youtube 视频 [重复]【英文标题】:I want to implement a Youtube video in my HTML code [duplicate] 【发布时间】:2019-12-24 18:31:03 【问题描述】:

我想实现一个 Youtube 视频,但视频没有显示,即使我认为我编写了正确的代码。

我很困惑,因为我从另一个 html 代码中复制粘贴了一个代码,而当我将 URL 视频更改为另一个时,它不再显示新视频...

<iframe   src="https://www.youtube.com    /watch?v=6kg2yV_3B1Q" frameborder="0" gesture="media" allow="encrypted-media"     allowfullscreen></iframe>

codepen 的代码:https://codepen.io/Peyo5202/pen/RwbGaGm?editors=1000

没有错误信息,只是一个空白而不是视频。

【问题讨论】:

你需要把url改成embed端点 【参考方案1】:

您应该从 youtube 嵌入 iframe 标记: - 点击分享按钮 - 选择嵌入 HTML iframe 标记应如下所示:

<iframe   src="https://www.youtube.com/embed/6kg2yV_3B1Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

【讨论】:

【参考方案2】:

尝试使用此链接而不是您的链接进行测试,它会起作用:

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

所以我认为你的链接有问题

【讨论】:

【参考方案3】:

这是一件微不足道的事情,检查这个W3School,祝你好运,试试这个

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

【讨论】:

“仅链接”的答案在 Stack Overflow 上不被鼓励。考虑改为添加注释,或为某些代码提供更详细的说明。 我收到通知说它是新成员,所以我提供了描述链接,顺便说一句,谢谢:D

以上是关于我想在我的 HTML 代码中实现一个 Youtube 视频 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

我想在我的 rails 应用程序中实现组权限。最有效的方法是啥?

我想在 Rails 中实现 PayPal Digital Goods Express Checkout API

在我的 recyclerview 适配器类中实现 Android 底页

在 Swift 动画中实现 CSS

我是 xamarin 的新手,想在我的 xamarin.forms 项目中实现对话框

如何在 Laravel 网站中实现主题选项?