HTML5 видео в полноэкранном режиме на мобильных браузерах (Android)

После огромного исследования я еще не нашел ответа на свой вопрос. Я хотел достичь своей цели с FullScreenAPI, но он не поддерживается ни в одном мобильном браузере (кроме браузера Firefox 19 и Blackberry, но мне нужно кросс-браузерное решение). Here's the source. Я также проверил FullScreenAPI на своем собственном браузере и мобильном Chrome с соответствующими предустановленными полноэкранными функциями. Каждая функция имела тип undefined.HTML5 видео в полноэкранном режиме на мобильных браузерах (Android)

Другим подходом был протокол rtsp, который обычно обрабатывается внешним игроком. Here - парень, который предполагает, что m.youtube.com использует это решение - я думаю, что это не так (может быть, ответ устарел). Youtube использует полноэкранный режим для собственного видео. На мобильном Chrome при нажатии кнопки воспроизведения фильм мгновенно переходит в полноэкранный режим.

Хотя, каждый источник я гугле говорит мне, что нативный полноэкранный режим невозможно на андроид браузеров, до сих пор HTML5 видео элемент с его носителями управления дает нам кнопку полноэкранного режима, который прекрасно работает там.

Поскольку я не хочу, собственное средства управления, может кто-нибудь поделиться любым остроумным решением How to trigger HTML5 video fullscreen button'sevent?

источник

2013-03-05 matewka

Вы можете сделать всплывающее окно с шириной и высотой 100% с помощью кнопки закрытия на абсолютной отметке, воспроизводящей ваше видео HTML5.

Старый, простой и подвох ... Но работает

источник

2013-03-05 19:06:18

Да, я забыл поделиться этой возможностью в вопросе. К сожалению, это не решение для меня :(Мне нужно вызвать этот полноэкранный режим из собственной кнопки (или, если это невозможно, мне нужно быть на 100% уверенным). – matewka

Попробуйте video.webkitEnterFullscreen() в пользовательском интерактивном обработчика событий (например: нажмите)

источник

2014-02-10 03:56:03 OOO

все, что вам нужно работать на «webkitbeginfullscreen» и «webkitendfullscreen» события для мобильных устройств, я think.it будет

<!doctype html> 
<html> 
<head> 
<title>video</title> 
<script type="text/javascript"> 
function videoControl() { 
    var myVideo = document.getElementById('myVideo'); 
    myVideo.addEventListener("webkitbeginfullscreen", enteringFullscreen, false); 
    myVideo.addEventListener("webkitendfullscreen", exitingFullscreen, false); 
} 

function enteringFullscreen() { 
    alert("entering full-screen mode"); 
} 

function exitingFullscreen() { 
    alert("exiting full-screen mode"); 
} 
</script> 
</head> 
<body onload="videoControl()"> 
<div id="videoContainer"> 
<video id="myVideo" src="myVideo.m4v" autoplay controls> 
</video> 
</div> 
</body> 
</html>

источник

2014-02-25 10:00:04

-1

Вот что я использую, который должен очень много работы везде:

function toggleFullScreen() { 
    var doc = window.document; 
    var elem = doc.body; //the element you want to make fullscreen 

    var requestFullScreen = elem.requestFullscreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen || elem.msRequestFullscreen; 
    var cancelFullScreen = doc.exitFullscreen || doc.webkitExitFullscreen || doc.mozCancelFullScreen|| doc.msExitFullscreen; 

    if(!(doc.fullscreenElement || doc.mozFullScreenElement || doc.webkitFullscreenElement || doc.msFullscreenElement)) { 
     requestFullScreen.call(doc.body); 
    } 
    else { 
    cancelFullScreen.call(doc); 
    } 
}

источник

2015-02-04 04:02:20 MikeC

Это делает веб-страницу полноэкранным, а не только элементом или видео. –

HTML5 видео в полноэкранном режиме на мобильных браузерах (Android)

ответ

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