Trình xem ảnh toàn màn hình của Facebook hoạt động như thế nào?

Question

Chúng tôi đã quen sử dụng các trang web như YouTube ở chế độ toàn màn hình, nhưng giờ đây Facebook cung cấp cho bộ sưu tập hình ảnh của nó. Facebook đang làm gì để cho phép duyệt toàn màn hình, có vẻ như sử dụng mã hmtl bình thường?

Answer 1

Đó là số phi tiêu chuẩn Fullscreen API.

Về lý thuyết (từ một bài báo liên kết từ các trang tôi liên kết với trên):

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

Answer 2

Đó là nhiều hay ít nó ..

Dưới đây là một ví dụ làm việc thực tế để làm việc tắt của .. tất cả html5 .. DOCUMENTATION

liên kết giới thiệu là xuống trang một cách ít ... DEMO

Answer 3

Johndyer đã chia sẻ một plugin for jQuery hoạt động với api toàn màn hình gốc. Nó hoạt động tốt với Chrome/Firefox/Safari ngay bây giờ và có thể là Internet Explorer và Opera trong tương lai.

Furthur, có some trick làm cho api ở trên hoạt động với phiên bản Internet Explorer hiện tại.

Opera hiện không hỗ trợ.

Sử dụng API là dễ dàng:

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

Demo1 from Johndyer

Demo 2 that's limited working with Internet Explorer

https://github.com/sindresorhus/screenfull.js/ là một "crossbrowser" kịch bản (cho các trình duyệt mà có thể sử dụng toàn màn hình)