全屏网页展示

Question

我正在开发一个用于培训的网络系统，培训师可以通过css3属性缩放来显示内容，增加屏幕的大小。

我想实现的是一个PowerPoint风格的演示文稿，它充满了屏幕。问题是，我的网页可以是HTML、Flash、图像或音频的组合，甚至可以一次4个。

我怎样才能实现这个目标呢？我有一个想法，就是把网页的内容制作成图片，然后附在Flash上，放在全屏上。有没有更好的解决办法，或者是一些软件什么的？

先谢谢大家的帮助。

EDIT

我知道浏览器有全屏的功能，但我想做的是把网页的一部分（因为在网页中是菜单、工具栏等）放在div中。

Answer 1

HTML5全屏API。http:/johndyer.namenative-fullscreen-javascript-api-plus-jquery-plugin。

// mozilla proposal
element.requestFullScreen();
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary)
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly)
element.mozRequestFullScreen();
document.mozCancelFullScreen(); 

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();

另外，还可以看看这个用HTML5制作演示文稿。http:/slides.html5rocks.com#landing-slide。

Answer 2

大多数浏览器都支持按F11进入全屏模式...。

Answer 3

大多数网页浏览器都有全屏模式--在Windows机器上按F11，无论是Internet Explorer还是Firefox，都会进入全屏模式。点击逃逸键退出全屏。

你也可以考虑使用S5 ( http:/meyerweb.comerictoolss5 )来制作基于HTML的演示文稿。

祝您好运!

Answer 4

在我看来，最好的办法是让用户自己控制。据我所知，F11在所有浏览器中都可以用来开启和关闭全屏。

HTH

Answer 5

https:/www.w3schools.comhowtohowto_js_fullscreen.asp

这个使用元素.requestFullscreen()的方法。