html5-fullscreen

0热度

1回答

我得到一个页面，检查用户是否离开全屏。我想删除/销毁这个事件的观察者，但无法找到我怎么能在描述 API Description 这里做，这是我的代码： //create black background and disable scrolling $rootScope.fullScreen = !$rootScope.fullScreen; //make div fullSc

2热度

1回答

Phaser全屏Api不支持

目前我正在使用Phaser js开发应用程序。这是一个浏览器兼容性问题，或者是移相器JS问题其中全屏API无法正常工作下面是代码片段，我使用 if (phaser.scale.isFullScreen) { phaser.scale.stopFullScreen(); } else { phaser.scale.startFullScreen(false); }

2热度

1回答

iPad版全屏API？

我正在创建一个小部件，我希望一旦点击一个按钮就全屏。我已经实现了全屏API，并且它在所有浏览器上都很有魅力。但是，我创建的这个小部件只能作为iPad上的交互式信息亭使用。我可以自由使用任何最适合的浏览器，但我无法使用全屏功能在我的iPad上工作。是否尝试过多种不同的选项，但没有就足够了......我有下面的代码是在正常的桌面浏览器上运行： var element = document.getEle

3热度

2回答

HTML5 - 防止全屏模式

我使用Fullscreen API和嵌入的YouTube视频来检测浏览器窗口是否进入全屏模式。我的工作很棒。我想要做的是防止发生进入全屏模式的默认行为。我想放入自己的全屏模式逻辑，以便可以在YouTube播放器顶部覆盖DOM元素。目前，我可以在进入后立即退出全屏模式，但这会给用户带来糟糕和令人困惑的体验。一种解决方法是使用YouTube的播放器API参数删除全屏按钮，并添加自己的逻辑按钮，但这

0热度

2回答

如何打开sidenav当鼠标在html5中的全屏模式下的屏幕中出现？

我想调用在网页中打开sidenav的函数。但是当我的鼠标光标在HTML5中以全屏模式显示时，我想这样做。我该怎么办？

-1热度

2回答

垂直居中全屏div滚动条

嫁给所有人的圣诞！我想使全屏，垂直居中div覆盖下面的所有内容。 /* css */ #box { background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex;

0热度

1回答

全屏API和外部链接

我试图用全屏API打开一个新页面（使用不同的布局）。当用户点击开放课程链接时，适当的页面/布局将以全屏模式打开。我使用这个功能火灾全屏模式： // Find the right method, call on correct element function launchIntoFullscreen(element) { if(element.requestFullscreen) {

1热度

1回答

嵌入视频全屏崩溃并重新载入页面

我正在使用iframe在我的网站上嵌入YouTube视频。我包括allowfullscreen属性。在我的网站上，嵌入的视频将播放良好，直到我点击“全屏”按钮。切换到全屏时，视频将以全屏模式短暂显示，但会立即关闭并刷新页面。这个问题在Firefox中不会发生。它在其他浏览器（如Edge和Chrome）中也会出现。当我在浏览器中检查时，控制台中没有错误。我已经使用YouTube和Vimeo视频进行了

2热度

1回答

在全屏播放HTML5视频点击图片

我创建了一个简单的自举网格，其中包含9个图像。现在点击一个特定的图像，它应该全屏播放视频。方法我试过 <div class="col-sm-4"> <a href="Videos/v6.mp4" ><img src="images/img1.jpg" class="img-responsive" style="width:100%" alt="Image"></a> </div> 但是上

0热度

1回答

<video>全屏展开文档，而不是元素本身 - 为什么？

我希望用户能够使用原生<video>on this page/overlay的控件，但是现在全屏动作扩展了整个网站文档而不是视频元素本身，它根本没有显示叠加层和其视频。为什么<video>元素本身并不在浏览器中全屏？我可以重写默认行为并使用requestFullscreen()？谢谢！