Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Fancybox未加载youtube视频_Jquery_Youtube_Fancybox - Fatal编程技术网

Jquery Fancybox未加载youtube视频

Jquery Fancybox未加载youtube视频,jquery,youtube,fancybox,Jquery,Youtube,Fancybox,我将fancybox用于我的图像库,我创建了一个重复页面,但我添加了youTube链接来显示视频,而不是图像文件,但当我单击缩略图时,视频不会加载 js: html: <a href="https://www.youtube.com/embed/7h4o08e-uLw" class="fancy" rel="macro-group">youtube</a> <a href="https://www.youtube.com/watch?v=stPqD4KOT9c&am

我将fancybox用于我的图像库,我创建了一个重复页面,但我添加了youTube链接来显示视频,而不是图像文件,但当我单击缩略图时,视频不会加载

js:

html:

<a href="https://www.youtube.com/embed/7h4o08e-uLw" class="fancy" rel="macro-group">youtube</a>
<a href="https://www.youtube.com/watch?v=stPqD4KOT9c&noredirect=1" class="fancy" rel="macro-group">


你要做的是:

  • 将所有youtube的
    URL
    s转换为以下格式:

    https://www.youtube.com/embed/{video id}?{first trailing parameter}&{second trailing parameter}
    
  • 将类
    iframe
    添加到现有的锚类中,如

    。。。这是正确的

    https://www.youtube.com/embed/{video id}?{first trailing parameter}&{second trailing parameter}
    
    <a href="{URL}" class="fancy iframe" ...
    
    class="fancy fancybox.iframe"