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, только когда вы нажмете кнопку воспроизведения?