如何让html手机页面video横着全屏自动播放

发布网友发布时间：2022-04-23 11:10

共2个回答

热心网友时间：2022-04-20 13:34

让html手机页面video横着全屏自动播放可以使用JS。具体操作如下：

1、在页面加载完成后获取浏览器高度以及宽度。

2、再设置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()">

热心网友时间：2022-04-20 14:52

用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()">