prettyphoto youtube全屏无法正常工作

Question

在我的页面中,我为iframe和youtube链接添加了prettyphoto.但现在问题是在YouTube链接部分全屏选项不工作它说"全屏不可用"但如果我使用Lity - 轻量级响应灯箱然后全屏工作.但由于lity灯箱对窗口大小有限制,我不使用.

HTML

<a href="http://xxxxx.com/video-popup/?vpid=46&amp;iframe=true&amp;width=600&amp;height=320" rel="prettyPhotov[iframes]" title=" Hotel Granvia Kyoto" class="flaticon-film51"></a>

JS

 $(".videoiteam a[rel^='prettyPhotov']").prettyPhoto({

      overlay_gallery: false,

      theme: 'dark_square',

      social_tools: false,

      slideshow:false, 

      show_title: false

      });

附件是图像

Answer 1

尝试将allowfullscreen属性添加到iframe_markup属性:

$("a[rel^='prettyPhoto']").prettyPhoto({
    overlay_gallery: false,
    show_title: false,
    hideflash: true,
    social_tools: "", 
    iframe_markup: "<iframe src='{path}' width='{width}' height='{height}' frameborder='no' allowfullscreen='true'></iframe>", 
    deeplinking: false
});

.....

<a href="https://www.youtube.com/watch?v=Vh0mGLpbIvI" rel="prettyPhoto"><img src="http://img.youtube.com/vi/Vh0mGLpbIvI/default.jpg"></a>