Question

我有这两个div - 一个包含菜单，其中列表的每个元素都是视频的链接，我希望相应的视频加载到div中，它紧挨着第一个。

我在考虑形式，但这不是一个好主意。我对JavaScript或JQuery一无所知，因此提供解释如何使用的一些解决方案将非常有用。

Answer 1

单击视频URL时，首先如果它是一个锚点，请使用preventDefault并阻止点击行为，然后在该元素上绑定您自己的onclick事件。

点击该元素实际应该使用下一个div的id，并能够以任何你想要的方式在该div中播放你的视频。

Answer 2

这样的事情应该有效：

HTML：

<a href="javascript:;" class="link">http://youtu.be/Etst4t3ES8Y</a><br/>
<a href="javascript:;" class="link">http://youtu.be/Etst4t3ES8Y</a><br/>
<a href="javascript:;" class="link">http://youtu.be/Etst4t3ES8Y</a><br/>
<br/>
<div id="videoDiv"></div>

jQuery：

$('.link').click(function(event){
    event.preventDefault();
    var url =$(this).html();
    $("#videoDiv").html('<iframe width="400" height="400" src="'+url+'?wmode=transparent" frameborder="0" allowfullscreen></iframe>');

})

单击链接时如何将视频加载到单独的div中

2 个答案: