Tag: 全屏

fullscreenchange事件未在Chrome中触发

我正在尝试监控浏览器何时进入全屏模式。 在我搜索全屏API指南的任何地方都会引用此博客。 Using the Fullscreen API in web browsers 这个SO答案也声称这是有效的。 全屏API：触发了哪些事件？ 这是我的jQuery代码，但它没有触发事件。 $(document).on(“webkitfullscreenchange mozfullscreenchange fullscreenchange”,function(){ console.log(“bang!”); }); 看起来很简单，但它不会在Chrome中触发。 知道我做错了什么吗？ 更新： 发现了一些新的东西。 仅当JavaScript调用requestFullScreen API时，事件才有效，但如果用户按下F11则不会。

使用Javascript以编程方式将Google Chrome置于全屏模式？

最近，当我点击youtubevideo的全屏按钮时，我在youtube上，屏幕顶部显示一条消息，说我已进入全屏模式。 此消息是您在键盘上按f-11时获得的本机消息。 我也读过一些东西（我现在找不到），说现在可以用Javascript做到这一点。 题 如何将用户浏览器（谷歌浏览器）置于全屏，按命令？ – 没有扩展，他们需要先下载，或任何性质的东西。 我正在使用jQuery以便最好，但我根本找不到如何做到这一点。 编辑：我已经看到过这种性质的其他问题，但是很久以前他们就被问过了，我相信这个function还算新。

使用HTML5video标记退出全屏

我试图让video在video结束时退出全屏，但事实并非如此。 我搜索并找到了做到这一点的方法，但对于我的生活，我无法让它发挥作用。 我正在iPad2上测试最新版本的Chrome（15）和iOS 5。 这是我正在使用的代码： $(document).ready(function(){ $(“#myVideoTag”).on(‘ended’, function(){ webkitExitFullScreen(); }); }); 854×480 Requires HTML5 capable browser. 任何帮助将不胜感激。

Jquery砌体无缝响应图像网格

我正在寻找使用jquery砌体创建无缝（无沟槽）全屏图像网格，其中图像是完全响应的并且具有不同的宽度。 我已经找到了其他几个起点，但事实certificate我的jquery知识非常困难。 这就是我想要的： http ： //future.thefutureforward.com/~cycles/assets/images/HUB0002_dAutremont_4WEB.jpg 这就是我到目前为止： http ： //future.thefutureforward.com/~cycles/archive-test-fluid.html HTML（只是一部分）： Featured Process Archive Blog Bicycle #001 Bicycle #002 Bicycle #003 每个“盒子”的CSS： .box{ margin: 0px 0px 0px 0px; padding: 0px; float: left; max-width: 33.3%; /* since we’re going for three across… */ } .box img { margin: 0px 0px 0px 0px; padding: 0px; max-width:100%; display:block; […]

全屏API：触发了哪些事件？

我需要知道当用户通过新的Fullscreen API进入全屏模式时会触发哪些（DOM）事件。 我试过这个代码片段，但它没有触发： jQuery(‘body’).on(‘fullScreenChange’, function() { alert(“Fired!”); });