Question

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

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

我怎样才能做到这一点？我的一个想法是创建一个网页内容的图像，并将其附加到一个闪存并将其全屏显示。是否有更好的解决方案或某些软件或什么？

提前感谢您的帮助。

修改

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

Answer 1

HTML5全屏API： http://johndyer.name/native-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

大多数网络浏览器都采用全屏模式 - 在使用Internet Explorer或Firefox的Windows计算机上点击F11，它们将全屏显示。点击退出全屏退出。

您可能还需要考虑使用S5（http://meyerweb.com/eric/tools/s5/）来制作基于HTML的演示文稿。

祝你好运！

Answer 4

在我看来，最好让用户控制它。 F11适用于所有浏览器（我知道）可以打开和关闭全屏。

HTH

Answer 5

https://www.w3schools.com/howto/howto_js_fullscreen.asp

此使用element.requestFullscreen（）方法

全屏网页演示

5 个答案: