Question

＆＃13;

<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>

＆＃13;

如何制作一个按钮，每个按钮会在页面中的同一个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

如何在一个iframe中显示不同的YouTube视频

1 个答案: