Javascript 在引导模式框中打开youtube视频
我列出了sql表中的视频数据 表中的字段: -侧边栏\u视频\u id(自动递增) -侧边栏视频 -侧边栏视频链接(完整url) -侧边栏\u video\u v\u id(url端的视频id) 我想要的是,当我点击每个视频时,它会打开并在引导模式框中播放。现在盒子打开了,但它是空的,我没有得到任何控制台错误Javascript 在引导模式框中打开youtube视频,javascript,jquery,twitter-bootstrap,video,youtube,Javascript,Jquery,Twitter Bootstrap,Video,Youtube,我列出了sql表中的视频数据 表中的字段: -侧边栏\u视频\u id(自动递增) -侧边栏视频 -侧边栏视频链接(完整url) -侧边栏\u video\u v\u id(url端的视频id) 我想要的是,当我点击每个视频时,它会打开并在引导模式框中播放。现在盒子打开了,但它是空的,我没有得到任何控制台错误 <?php $get_videos = mysqli_query($kapcs, "SELECT * FROM sidebar_video"); if(mysqli_num_rows
<?php
$get_videos = mysqli_query($kapcs, "SELECT * FROM sidebar_video");
if(mysqli_num_rows($get_videos) > 0 )
{
while($vid = mysqli_fetch_assoc($get_videos))
{
echo '<div class="sidebar_youtube_box">';
echo '<a href="#" id="'.$vid['sidebar_video_v_id'].'" data-url="'.$vid['sidebar_video_link'].'" class="open_youtube_modal" title="'.$vid['sidebar_video_nev'].'"><img src="http://img.youtube.com/vi/'.$vid['sidebar_video_v_id'].'/hqdefault.jpg" class="img-responsive"></a>';
echo '</div>';
}
}
?>
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Bezárás</span></button>
<h4 class="modal-title" id="myModalLabel">Videó megtekintése</h4>
</div>
<div class="modal-body" id="video_modal_body">
</div>
</div>
</div>
</div>
$('.open_youtube_modal').click(function(e) {
e.preventDefault();
var v_id = $(this).attr('id');
var full_url = $(this).attr('data-url');
var embed_html = '<iframe width="560" height="315" src="' + full_url + '" frameborder="0" allowfullscreen></iframe>';
//alert(embed_html);
$('#video_modal_body').html(embed_html);
$('#videoModal').modal('show');
});
&时代;贝扎拉斯
维德·梅特基涅斯
$('.open_youtube_modal')。单击(函数(e){
e、 预防默认值();
var v_id=$(this.attr('id');
var full_url=$(this.attr('data-url');
var-embed_html='';
//警报(嵌入html);
$('video_modal_body').html(嵌入html);
$('videoModal').modal('show');
});
您必须使用
格式,而不是
。Youtube不允许使用后一种格式的跨原点帧。您必须使用
格式,而不是
。Youtube不允许使用后一个跨源帧。full\u url
返回正确值?/控制台或php错误日志中有错误吗?完整url
返回正确值?/控制台或php错误日志中有错误吗?您好!真管用!但是如果我关闭模式,我怎么能停止视频呢?@KissTom87好吧,这是另一个问题,但最简单的方法是在hidden.bs.modal
事件上销毁\video\u modal\u body
的内容,比如:$(''videoModal')。在('hidden.bs.modal',function(e){$(''video\u modal\u body').html(''))你好!真管用!但是如果我关闭模态,我怎么能停止视频呢?@KissTom87好吧,这是另一个问题,但最简单的方法是在hidden.bs.modal
事件上销毁\video\u modal\u body
的内容,比如:$(''videoModal')。on('hidden.bs.modal',function(e){$(''video\u modal\u body').html('>)