我正在使用Vimeo API和 我需要關閉全屏視頻模式播放器「完成」事件後。而且我知道如何捕捉「完成」,但可以從全屏切換嗎?是否可以在Vimeo Player(Froogaloop)中打開和關閉全屏視頻?
這裏是鏈接froogaloop球員的例子 - jsfiddle.net/bdougherty/HfwWY/light/
我正在使用Vimeo API和 我需要關閉全屏視頻模式播放器「完成」事件後。而且我知道如何捕捉「完成」,但可以從全屏切換嗎?是否可以在Vimeo Player(Froogaloop)中打開和關閉全屏視頻?
這裏是鏈接froogaloop球員的例子 - jsfiddle.net/bdougherty/HfwWY/light/
找到了答案 - https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
跨瀏覽器的解決方案
function toggleFullScreen() {
if (!document.fullscreenElement && // alternative standard method
!document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) { // current working methods
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if (document.documentElement.msRequestFullscreen) {
document.documentElement.msRequestFullscreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullscreen) {
document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}
}
這適用於切換*關*全屏,但不清楚是否或如何使用它來切換它。另外,您對跨瀏覽器的工作有多大信心?特別是,它適用於Vimeo使用Flash Player而不是HTML 5播放器的瀏覽器?你的回答並不能激發我對這個工作無處不在的信心。 –
Froogaloopelise.FullScreenAPI提供稍有不同的解決方案,但我不確定它是跨設備兼容的。 https://github.com/jasperlinsen/froogaloopelise/blob/master/src/vimeo.froogaloopelise.js –