大佬教程收集整理的这篇文章主要介绍了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一样进入全屏？
var myVideo = document.getElementById('myVideoTag');
myVideo.play();
if (typeof(myVideo.webkitEnterFullscreen) != "undefined") {
// This is for Android Stock.
myVideo.webkitEnterFullscreen();
} else if (typeof(myVideo.webkitrequestFullscreen) != "undefined") {
// This is for Chrome.
myVideo.webkitrequestFullscreen();
} else if (typeof(myVideo.mozrequestFullScreen) != "undefined") {
myVideo.mozrequestFullScreen();
}
您必须在全屏指令之前触发play(),否则在Android浏览器中它将全屏显示但不会开始播放.测试了最新版本的Android浏览器,Chrome,Safari.
以上是大佬教程为你收集整理的html5视频标签可与Android全屏播放全部内容，希望文章能够帮你解决html5视频标签可与Android全屏播放所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。