我用html5的video标签做的视频页面，在iphone上测试的时候视频都是全屏的，怎么才能不全屏？

html-css08

我用html5的video标签做的视频页面，在iphone上测试的时候视频都是全屏的，怎么才能不全屏？,第1张

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

用JS。

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

<script type="text/javascript">

        function resizeBody() {

            var bodyHeight = document.documentElement.clientHeight

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

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

        }

        $(function () {

            resizeBody()

        })

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