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()？謝謝！