如何让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()">

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com