首页 >> 大全

video 自动播放并带声音以及置顶

2023-07-07 大全 21 作者:考证青年

video 标签

您的浏览器不支持视频播放

功能1:基于浏览器会把video置顶处理

-="true"

="true"

x--="true"

播放器怎么置顶_播放器置顶_

x5-video--type="h5"

x5-video--="true"

x5-video-=""

="auto"

功能2:去掉控件部分功能(如:三个点,下载等)

=" "

播放器怎么置顶__播放器置顶

功能3:视频加载完成后执行方法(这个执行就能放开声音,声音播放得交互才能播放)

@=""

    playVideo(){let vide = document.getElementById("movieVideo")vide.muted=false;vide.play();}

最后点击播放暂停我使用的是遮罩层来实现(我就把代码贴下)

  data中字段videoBox:{boixHeight:window.screen.height,top:50,
},videEditVideo(){let vide = document.getElementById("editVideo")if(vide.paused){vide.play();vide.muted=false;this.videoBox.boixHeight=window.screen.heightthis.videoBox.top=50}else if(vide.play()){vide.pause();vide.muted=true;this.videoBox.boixHeight=vide.offsetHeightthis.videoBox.top=40}}.smallVideo_video i{width: 100%;position: fixed;opacity: 0;z-index: 1000;transform: translate(-50%, -50%);left: 50%;top: 50%;}

方法绑定在外层

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了