2017-03-26 31 views
0

如何在一個iframe中

<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視頻的顯示differenet YouTube視頻? 像我已經添加了我想用bootstrap,使幾個環節,每個環節都會以同樣的iframe

回答

0

您可以添加更多的鏈接,看起來像按鈕來播放另一個視頻從YouTube的例子:

<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

相關問題