HTML5-Video-Tag, um Vollbild mit Android zu spielen
Ich erstelle eine mobile Website mit einem Video, das ich abspielen möchte, wenn jemand auf einen Link klickt:
<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>
Mit dem iPhone funktioniert das super, ich klicke auf Video und es wird Vollbild. Android funktioniert auch, aber Sie müssen auf das Video klicken, um es abzuspielen, und dann auf den Vollbildschirm klicken. Ist es möglich, wie beim iPhone den Vollbildmodus zu aktivieren, wenn Sie auf "Play" klicken?