如图 毛玻璃区是div 视频无法填满
具体代码：
<div class="site-block" id="video" >
</div><script type="text/javascript">
mui.plusReady(function(){
video = new plus.video.VideoPlayer('video', {
src: 'https://网址.mp4',<!--视频地址-->
autoplay: true,
loop: true
});
});
</script>
3 个回复
e***@foxmail.com (作者) - 小可爱 求大佬罩
设置width 和height 100%之后视频消失 不显示
回梦無痕 - 暂停服务
e***@foxmail.com (作者)
和设置width hreight效果一样 只显示div没有视频了。。。
2018-11-06 10:11
e***@foxmail.com (作者)
在css设置
.main-block .site-block {
position: absolute;
z-index: 1000;
left: 3vh;
width: 110vh;
height: 92vh;
border-radius: 4%;
overflow: hidden;
box-shadow: 0 10px 20px rgba(41, 50, 75, 0.5);
box-sizing: border-box;
object-fit:fill;
}
object-fit:fill;设置之后也是和没设置一样 视频还是如上图那样显示
2018-11-06 10:16
回梦無痕
回复 e***@foxmail.com:单独设置VideoPlayer的宽高试试看
2018-11-06 10:34
e***@foxmail.com (作者)
回复 回梦無痕: mui.plusReady(function(){
video = new plus.video.VideoPlayer('video', {
src: 'https://地址.mp4',
autoplay: true,
loop: true,
width: 100%,
height: 100%,
});
});
请问是这样设置吗？
打开之后视频没了不显示 只有div背景。
2018-11-06 11:01
e***@foxmail.com (作者)
回复 回梦無痕:mui.plusReady(function(){
video = new plus.video.VideoPlayer('video', {
src: 'https://ds-1256163271.cos.ap-shanghai.myqcloud.com/20180517160130_login.mp4',
autoplay: true,
loop: true,
width: "100%",
height: "100%",
});
});
加了引号之后有视频 但是还是错位没有填满div的
2018-11-06 11:05
e***@foxmail.com (作者) - 小可爱 求大佬罩
这是浏览器直接打开的报错信息
