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?

Antworten auf die Frage(5)

Ihre Antwort auf die Frage