我正在尝试构建一个应用程序,以根据类别查看YouTube视频。显示给用户一个类别的下拉列表,他选择了一个类别。div'rContent'填充有该类别中的链接列表。当用户点击其中一个链接时,YouTube视频会在iframe中打开。问题是当用户单击链接时,视频在Firefox中显示,但在Chrome中不起作用。什么都没发生。
<!-- Dynamically retrieved list of videos shown here, see sample below -->
<div id="rContent"></div>
<!-- YouTube video will be shown in this iframe-->
<div class="video-container">
<iframe id="userVideo" src="" frameborder="0" width="560" height="315"></iframe>
</div>
<script>
$("#rContent").on('click', '.vid_trigger', function() {
var URL = $(this).attr('href');
$(userVideo).attr('src',URL)
return false;
});
</script>
<!--- sample of dynamic content -->
<a class="vid_trigger" href="http://www.youtube.com/embed/fgqpHl5OGFA?rel=&autoplay=1"> … </a><br></br>
<a class="vid_trigger" href="http://www.youtube.com/embed/c-d4rDY70zk?rel=&autoplay=1"> … </a><br></br>
这条线
$(userVideo).attr('src',URL)
应该是这样的:
$('#userVideo').attr('src', URL); //select using id selector
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句