Все элементы видео во весь экран

У меня есть этот список видео:Все элементы видео во весь экран

<video class="filme" preload="auto" src="public/videos/video.mp4" style="display: none;"></video> 
<video class="filme" preload="auto" src="public/videos/video.mp4" style="display: none;"></video> 
<video class="filme" preload="auto" src="public/videos/video.mp4" style="display: none;"></video>

И когда я нажимаю на эту кнопку:

<button id="full-screen">Full-Screen</button>

Я хотел бы, чтобы все видео пребывающих на весь экран. Возможно?

источник

2016-01-20 Deise

да? все видео на весь экран в одно и то же время? во всяком случае, вы можете сделать полноэкранный режим с помощью javascript. лучше всего вы можете сделать полный размер браузера. –

@Pamblam [Теперь вы можете делать полноэкранный режим] (https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen), но вы правы. Все видеоролики в полноэкранном режиме в то же время не имеют смысла. –

необходимо, потому что когда одно видео заканчивается следующим запуском, так что все должны оставаться в полноэкранном режиме. – Deise

растворов:

var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen; 
var isFull = state ? 'FullscreenOn' : 'FullscreenOff'; 

if(isFull == 'FullscreenOn'){ 

    var oldVideo = currentVideo-1; 

    if ($("video")[oldVideo].exitFullscreen) { 
     $("video")[oldVideo].exitFullscreen(); 
    } else if ($("video")[oldVideo].mozExitFullScreen) { 
     $("video")[oldVideo].mozExitFullScreen(); // Firefox 
    } else if ($("video")[oldVideo].webkitExitFullscreen) { 
     $("video")[oldVideo].webkitExitFullscreen(); // Chrome and Safari 
    } 

    if ($("video")[currentVideo].requestFullscreen) { 
     $("video")[currentVideo].requestFullscreen(); 
    } else if ($("video")[currentVideo].mozRequestFullScreen) { 
     $("video")[currentVideo].mozRequestFullScreen(); // Firefox 
    } else if ($("video")[currentVideo].webkitRequestFullscreen) { 
     $("video")[currentVideo].webkitRequestFullscreen(); // Chrome and Safari 
    }  
}

источник

2016-01-25 20:35:56 Deise

Все элементы видео во весь экран

ответ

Смежные вопросы