Question

我们习惯在全屏使用youtube等网站，但现在Facebook为其图片库提供此功能。什么是Facebook允许全屏图像浏览，似乎使用正常的hmtl编码？

Answer 1

理论上（从我上面链接的页面链接的文章）：

var elem = document.getElementById("myId");  
if (elem.requestFullScreen) {  
  elem.requestFullScreen();  
} else if (elem.mozRequestFullScreen) {  
  elem.mozRequestFullScreen();  
} else if (elem.webkitRequestFullScreen) {  
  elem.webkitRequestFullScreen();  
}

Answer 2

这或多或少......

这是一个实际的工作示例来解决.. 所有html5 .. DOCUMENTATION

演示链接在页面上稍微有点...... DEMO

Answer 3

Johndyer与原生全屏api共享一个plugin for jQuery。它现在适用于Chrome / Firefox / Safari，以及将来的Internet Explorer和Opera。

Furthur，有some trick使api能够与当前版本的Internet Explorer一起使用。

目前Opera不支持。

使用API非常简单：

 <button onclick="fullScreenApi.requestFullScreen(document.documentElement)" />

Demo1 from Johndyer

Demo 2 that's limited working with Internet Explorer

https://github.com/sindresorhus/screenfull.js/是一个“crossbrowser”脚本（适用于能够全屏使用的浏览器）

Facebook新的全屏照片查看器如何工作？

3 个答案: