Видео на весь экран

@tager3 · Регистрация: 02.11.2010

Уважаемые web-мастера, кто подскажет как сделать, чтобы при нажатии на "play", видео сразу разворачивалось на весь экран?
изначально код такой

HTML5

1	<video src="1.mp4" controls preload="auto" ></video>

CSS

video {
border: 1px solid black;
margin-top:300px;
width: 400px;
}

@Михаил_96 · 25.05.2016, 17:25

У тега видео есть свои апи-штуки, поищите https://developer.mozilla.org/... _and_video, и у него вроде есть метод fullscreen

@tager3 · 27.05.2016, 08:58 **[ТС]**

Да к сожалению не разбираюсь в этом, думал может тут кто сталкивался с таким(

Добавлено через 15 часов 6 минут
Попробовал что то вроде такого, может в правильную сторону смотрю, довести до ума надо только?

Javascript

<script type="text/javascript">
       function vidplay() {
       var video = document.getElementById("myvideo");
       var button = document.getElementById("play");
       if (video.play) {
          video.play();
          requestFullScreen();
         
       } 
    }
    </script>

Добавлено через 23 часа 28 минут
видел также как видео разворачивается по отдельной кнопке, а как перенести это кнопку на play

@Михаил_96 20 / 20 / 13 Регистрация: 22.11.2015 Сообщений: 109
	25.05.2016, 17:25	2
	У тега видео есть свои апи-штуки, поищите https://developer.mozilla.org/... _and_video, и у него вроде есть метод fullscreen 0

Опции темы

Видео на весь экран

Решение