在 HTML <a></a> 标签中添加嵌入 Youtube 视频答案

【问题标题】：Adding an embed Youtube video inside HTML <a></a> tag在 HTML <a></a> 标签中添加嵌入 Youtube 视频
【发布时间】：2019-01-24 07:18:21
【问题描述】：

当我将 youtube 视频添加到我的网页时，这是有效的。

 <iframe width="420" height="315"src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

但我想通过以下方式添加视频。

<a href="http://www.youtube.com/embed/tgbNymZ7vqY" class="my-popup-video">
  <i class="zmdi zmdi-play-circle-outline zmdi-hc-fw"></i>
</a>

但它看起来像

我该如何解决这个问题。任何帮助！

【问题讨论】：

【解决方案1】：

你只是在使用一个标签。这是指向 url 的链接，用 href="" 指定要直接在您的页面中播放视频，您必须使用<iframe> 或<video>

【讨论】：