如何让WebView中的Html5 Video全屏播放

html-css09

如何让WebView中的Html5 Video全屏播放,第1张

用JS。

在页面加载完成后 获取浏览器高度以及宽度,再设置VIDEO元素高度宽度即可。

<script type="text/javascript">

function resizeBody() {

var bodyHeight = document.documentElement.clientHeight

$("#Flash1").height(bodyHeight + "px")

$("body").height(bodyHeight + "px")

}

$(function () {

resizeBody()

})

</script>

1

<body style=" width:100%height:100%" onresize="resizeBody()">

虽然有的网页设置了自动全屏,但是点了“x”之后退出了全屏并且视频播放停下来了,点击播放时又全屏了,但是我们可以退出全屏并继续播放,具体方法:在全屏页用两指缩小手势(不是下滑或点“x”,即刻退出全屏并继续播放视频。如果是的,请采纳。