iframe - 如何在一台iframe中显示不同的youtube视频

Question

<p><a class="one" href="https://www.youtube.com/embed/fr55ie7LE50" target="iframe_a">Link Text</a></p>
<iframe name="iframe_a" id="iframe_a"></iframe>

如何制作几个按钮，使每个按钮可以在页面的同一iframe中播放不同的YouTube视频？
像我添加的示例一样，我想创建更多链接，每个链接将在同一iframe中播放youtube上的另一个视频

Answer 1

您可以使用bootstrap添加更多类似于按钮的链接:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<p>
  <a class="btn btn-default" href="https://www.youtube.com/embed/fr55ie7LE50?autoplay=1" target="iframe_a" role="button">Play video1</a>
  <a class="btn btn-default" href="https://www.youtube.com/embed/7LEmer7wwHI?autoplay=1" target="iframe_a" role="button">Play video2</a>
  <a class="btn btn-default" href="https://www.youtube.com/embed/T4ZE2KtoFzs?autoplay=1" target="iframe_a" role="button">Play video3</a>
</p>
<iframe name="iframe_a" id="iframe_a"></iframe>

检查this fiddle