YouTube Chromeless/JavaScript API播放器全屏按鈕

我已經實現了無鉻播放器，到目前爲止，播放，暫停，更改視頻，靜音，取消靜音等必要控件都可以通過JavaScript正常工作。我現在需要通過JavaScript將無鉻播放器發送到「全屏」模式。YouTube Chromeless/JavaScript API播放器全屏按鈕

JavaScript API播放器包含全屏按鈕，但無鉻播放器沒有;事實上;無鉻球員不應該包含任何按鈕。因此，我需要通過JavaScript設置全屏模式，但找不到任何記錄的方法。任何想法，如果這是可能的或沒有？

僅供參考，我正在使用SWFObject嵌入播放器。

參考文獻：

來源

2009-12-11 Salman A

我也有同樣的問題，無法處理來自Youtube JavaScript API的全屏選項。全屏幕選項是從flash對象內部觸發的，並且沒有來自外部的控制。 – 2011-10-20 10:31:04

有一個player.setSize（寬度：編號，高度：號碼）object.Have您使用that.I播放器方法我雖然使用ActionScript和setSize爲我工作。

查看文檔 '您不應該在JavaScript中使用此方法，因爲當嵌入代碼中的包含元素的高度和寬度屬性被修改時，播放器將自動調整大小。

我不是一個JavaScript專家，但我會建議... ...你可以把播放器放在一個div標籤，然後點擊'全屏'按鈕或圖標，將該div的大小重置爲'100％'，然後我認爲球員會自動增加到這個尺寸

希望這會有所幫助。

來源

2009-12-31 16:21:10 Rajat

甚至在YouTube上看起來像他們這樣做...做一個他們的代碼的意見源.... – Rajat 2009-12-31 16:55:16

我現在認識到，Adobe Flash本身不允許全屏模式切換，除非它是由Flash電影內部觸發的用戶操作（單擊按鈕，從鍵盤輸入）。你的例子可能和它一樣好。 – 2010-01-03 05:45:18

Webkit（Chrome 15及更高版本，Safari 5.1及更高版本），嘗試element.webkitRequestFullScreen()和element.webkitCancelFullScreen()其中「element」是您的播放器對象。

在壁虎（火狐10.0和更高），檢查出element.mozRequestFullScreen()和element.mozCancelFullScreen()。

你可以告訴Webkit的方法是否會被詢問

supportsFullscreen: function() { 
    return !(typeof document.webkitIsFullScreen == "undefined") 
}

來源

2012-01-05 00:59:41 AntonKast

閃存本身不支持通過JavaScript API的全屏工作，因爲人們會濫用它。它需要用戶單擊以在Flash電影本身。

上面的建議使得包含div 100％，然後使用requestFullScreen瀏覽器API是你最好的選擇。這就是video.js所做的。

來源

2012-03-14 21:37:52 heff

YouTube Chromeless/JavaScript API播放器全屏按鈕

回答

相關問題