javascript - beautifulphoto youtube 全屏无法使用

Question

在我的页面中，我为 iframe 和 youtube 链接添加了 beautifulphoto。但现在问题是 YouTube 链接部分的全屏选项不起作用，据说“全屏不可用”，但如果我使用Lity - 轻量级响应式灯箱，则全屏工作。但由于 lity lightbox 对窗口大小有限制，我不使用。

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>