如何通过点击链接更改嵌入的youtube?

时间:2016-03-22 21:10:24

标签: javascript css youtube

嗨(问题在底部) 我有一个链接列表:

li><a href="#">003 - What is rogramming and C#</a></li>
<li><a href="#">004 - unity interface</a></li>
<li><a href="#">005 - creating primitives</a></li>
<li><a href="#">006 - adding components</a></li>

一个播放默认值的iframe:

       <div class="embed-responsive embed-responsive-16by9" >
        <iframe class="embed-responsive-item"src="https://www.youtube.com/embed/4vdvlATlxLo" frameborder="0" allowfullscreen> </iframe>
        </div>

请注意我已更改链接以便它可以正常工作 - “。com / embed / 4vdvlATlxLo” 另一个我做的是把这些东西放在css,来自这个论坛,所以它会起作用(否则它不会显示):

.vid {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

问题是:

1)我怎样才能拥有它,当有人按下列表中的链接时,它会切换嵌入的视频

2)我怎样才能将视频仅保留在youtube上

谢谢!

0 个答案:

没有答案