在 iframe 中嵌入 Youtube 视频答案

【问题标题】：Embedding Youtube video in an iframe在 iframe 中嵌入 Youtube 视频
【发布时间】：2014-04-25 05:39:43
【问题描述】：

我正在开发一个 Web 应用程序，我必须在其中嵌入与 iframe 中特定关键字相关的 youtube 视频。我正在使用以下 HTML 代码：

<iframe id="ytplayer" type="text/html" width="640" height="360"
    src="https://www.youtube.com/embed/?listType=search&list=essay"
    frameborder="0" allowfullscreen>

当我运行代码时，iframe 中没有加载视频。谁能告诉我这段代码有什么问题？

【问题讨论】：

您用于嵌入的url无效youtube.com/embed/?listType=search&list=essay
@Nair 感谢您的回复，但您能给我推荐一个 iframe 源的有效网址

标签： javascript jquery html iframe youtube

【解决方案1】：

<iframe width="640" height="360" src="//www.youtube.com/embed/nWqMQ26Gqi4" frameborder="0" allowfullscreen></iframe>

这是您的视频，可以正常使用。你的代码没问题。但浏览器是问题所在。最有可能在 Firefox 中您的视频可以正常工作。但我的代码无论如何都可以工作。

如果你想添加动态地址播放使用这个

<iframe width="320" height="240" src="http://www.youtube.com/embed/'. $vedio_id.'?autoplay=1" frameborder="0"></iframe>

其中 $vedio_id 是您的动态词。

【讨论】：

感谢您的回答，但我的要求是我需要在与特定单词相关的 ifram 中加载 youtube 视频。请注意，这个词可能会根据用户的选择而动态变化。所以我必须在url中设置搜索词。按 ID 获取视频对我不起作用。
@Corporal 看到新的答案。这可能会有所帮助。
我试过这个网址“youtube.com/embed/cricket?autoplay=1”，但它仍然不起作用。有没有可能的解决方法？或者有什么方法可以让我获得与我的关键词相关的视频的视频 ID。感谢您的回复。

【解决方案2】：

试试这个：

  <iframe width="640" height="360"      
     src="//www.youtube.com/embed/sLAEg5aTXAE?feature=player_detailpage"
     frameborder="0" allowfullscreen>
 </iframe>

【讨论】：

在网址中我可以在哪里提供相关视频的关键字。我不想通过视频 ID 获取视频。
除了使用 id 之外，您还想如何获取视频？
问题是我希望在我的 html 页面上，每当我双击一个作品时，与该特定单词相关的 youtube 视频应该填充在 iframe 中。所以我需要在 iframe url 中设置这个词。