Question

在我的网站上我有一个图片库，如果你点击他完美显示的视频缩略图，但如果你点击图片缩略图，这不起作用。

检查我的画廊[这里] [1]。

我有一个名为muestraVideo（idyoutube）的函数。这个函数接收参数＆＃39; idyoutube＆＃39;：

function muestraVideo(idyoutube)
{
    $('#video_prod')[0].style.display = 'block';
    $('#gallery')[0].style.display = 'none';
    $('#iframe_video')[0].src = 'http://www.youtube.com/embed/'+idyoutube+'?autoplay=1&rel=0';
}

这很简单，但谷歌浏览器的控制台没有显示错误。

问题是什么？

非常感谢。

[1]：

Answer 1

确保当您点击图片缩略图时隐藏iframe并显示图库div

我检查了你的代码。尝试在thumb img click功能中添加以下行：

$('#gallery_thumbs img').click(function(){
  $('#video_prod')[0].style.display = 'none';
    $('#gallery')[0].style.display = 'block';

Answer 2

问题是当您打开视频div时，视频div位于图库图像上方。再次单击图像时，您必须隐藏视频div

单击YouTube视频时，图库不起作用

2 个答案: