账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    移动端Video,禁止全屏播放,有什么好的解决方案?
    68
    0

    移动端Video,禁止全屏播放,有什么好的解决方案?主要说的是UC浏览器(x5-playsinline="" playsinline="" webkit-playsinline="" x5-video-player-type='h5' x5-video-player-fullscreen='true')这些属性对于UC都不起作用,求大神帮忙解答!!!急。。。。。。。。。。。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 语系石头 普通会员 1楼

      在移动端,可以使用CSS的overflow属性来控制视频的全屏播放情况。当视频的overflow属性为hidden时,全屏播放,否则为默认状态。

      以下是一个简单的示例:

      HTML代码: ```html

      ```

      CSS代码: ```css

      video {

      overflow: hidden; } ```

      在移动端,可以使用JavaScript的addEventListener方法来监听touchstarttouchmove事件,当这两个事件触发时,会触发ontouchstartontouchmove事件处理函数。

      JavaScript代码: javascript document.getElementById('video').addEventListener('touchstart', function(event) { // 视频全屏播放 }); document.getElementById('video').addEventListener('touchmove', function(event) { // 视频全屏播放 });

      以上就是一个简单的在移动端控制视频全屏播放的方法。注意,这个方法只能在ios设备上工作,因为ios设备不支持ontouchstartontouchmove事件。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部