FirefoxSDK面板内的全屏

这是我的第一个问题。我已经将youtube视频（HTML5）嵌入到使用FirefoxSDK创建的面板中。问题是视频不能全屏播放。它试图恢复，但在面板中恢复为正常大小。我也尝试使用随机div的方法，但同样的情况也发生了。那么，这是api的一个限制，还是有任何方法可以让它工作？谢谢。

我刚刚开始使用Firefox sdk试用浮动YouTube播放器插件，遇到了同样的问题。我确实找到了一个什么草率的工作，你可能会发现适合使用

此方法将使面板调整为全屏。但是，调整面板大小时，即使将“边框”属性设置为0，面板仍会显示一点边框

在主文档“index.js”中

在我的内容脚本文件中

var container = document.getElementById('container'),
    overlay = document.getElementById('overlay');

overlay.addEventListener('click', fullscreen);

function fullscreen() {
    var x = window.screen.availWidth,
        y = window.screen.availHeight;
    self.port.emit('fullscreen', x, y);
}

我在实验中注意到，当在面板中播放YouTube视频时，视频有延迟的趋势，但音频播放良好。当鼠标移动到其他页面上的元素上以及面板本身上时，滞后变得更加明显。运动越快，越明显。我找到了一个在面板上滑动鼠标的方法，在视频上放置一个div。问题是默认的YouTube控件不会对鼠标悬停做出反应，这可以通过使用YouTube api和创建自定义控件来实现。此外，在定位视频时很难使用多监视器支持

编辑：

这里有另一种方法可以做同样的事情，但这一种似乎可以处理多监视器支持。它将位于firefox当前打开的任何窗口的左上角

在index.js文件中

function fullScreen(width, height){
   myPanel.hide();
   myPanel.show({position:{left:0,top:0}});
   myPanel.resize(width,height);
} 

---

我刚刚开始使用FirefoxSDK尝试一个浮动YouTube播放器插件，遇到了同样的问题。我确实找到了一个什么草率的工作，你可能会发现适合使用

此方法将使面板调整为全屏。但是，调整面板大小时，即使将“边框”属性设置为0，面板仍会显示一点边框

在主文档“index.js”中

在我的内容脚本文件中

var container = document.getElementById('container'),
    overlay = document.getElementById('overlay');

overlay.addEventListener('click', fullscreen);

function fullscreen() {
    var x = window.screen.availWidth,
        y = window.screen.availHeight;
    self.port.emit('fullscreen', x, y);
}

我在实验中注意到，当在面板中播放YouTube视频时，视频有延迟的趋势，但音频播放良好。当鼠标移动到其他页面上的元素上以及面板本身上时，滞后变得更加明显。运动越快，越明显。我找到了一个在面板上滑动鼠标的方法，在视频上放置一个div。问题是默认的YouTube控件不会对鼠标悬停做出反应，这可以通过使用YouTube api和创建自定义控件来实现。此外，在定位视频时很难使用多监视器支持

编辑：

这里有另一种方法可以做同样的事情，但这一种似乎可以处理多监视器支持。它将位于firefox当前打开的任何窗口的左上角

在index.js文件中

function fullScreen(width, height){
   myPanel.hide();
   myPanel.show({position:{left:0,top:0}});
   myPanel.resize(width,height);
} 

---

谢谢你的回答。实际上，我也做了同样的事情，调整了面板和播放器的大小。我的方法有点不同，但效果也很好。我也在开发这种扩展。很高兴知道你也是。：）令人惊叹的！，真糟糕，你花了一点时间才得到答案。另一个可能的解决方案是使用youtube api获取所需的任何信息，比如视频url、当前时间等，我已经想到了，但还没有测试过。而是在新的选项卡中打开视频并激活全屏。但我认为这样做的问题是视频需要再次缓冲，打开一个新标签可能不是最好的用户体验。祝你好运！谢谢你的回答。实际上，我也做了同样的事情，调整了面板和播放器的大小。我的方法有点不同，但效果也很好。我也在开发这种扩展。很高兴知道你也是。：）令人惊叹的！，真糟糕，你花了一点时间才得到答案。另一个可能的解决方案是使用youtube api获取所需的任何信息，比如视频url、当前时间等，我已经想到了，但还没有测试过。而是在新的选项卡中打开视频并激活全屏。但我认为这样做的问题是视频需要再次缓冲，打开一个新标签可能不是最好的用户体验。祝你好运！