Я создаю мобильный сайт, где у меня есть видео, которое я хотел бы играть, когда кто-то нажимает на ссылку:html5 тег видео, чтобы играть на весь экран с Android
<div id="player"></div>
<a href="#" onclick="DoNav('<?php echo $url; ?>');" title="Click to play video"> <?php echo $result_videos[$i]["camera_name"]; ?> </a>
<script type="text/javascript">
function DoNav(theUrl)
{
// only add the player if it doesn't yet exist
if($('#myfileplayer').length == 0) {
var mydiv = $("#player");
var myvideo = $("<video id='myfileplayer' src='"+ theUrl + "' width='320' height='240' controls></video>");
mydiv.append(myvideo);
} else {
$('#myfileplayer').attr("src",theUrl);
}
}
</script>
С iPhone, это работает Отлично, я нажимаю на видео, и он идет в полноэкранном режиме. Android работает, но для этого требуется щелкнуть видео для воспроизведения, а затем щелкнуть по экрану. Можно ли попасть в полноэкранный режим, как iPhone, только когда вы нажмете игру?
Что он делает на андроиде? – Grinn
После того, как вы нажмете кнопку воспроизведения, он останется размером с плеер, который я укажу с параметрами высоты/ширины (которые мне нужны, чтобы вы могли вернуться к одному и тому же видео). Вы можете щелкнуть еще раз, чтобы перейти в полноэкранный режим с элементов управления, но я надеюсь только сразу перейти на полный экран, как iPhone. – Tom
Модель безопасности браузера не позволит вам перейти в полноэкранный режим на события «играть» или «играть». Вы должны использовать «клик». Однако не все события кликов приводят к воспроизведению видео. Итак, в обработчике кликов вы хотите проверить для video_tag.paused === false и вызвать video_tag.webkitRequestFullScreen() –