苹果手机浏览器video点击无效的问题

lvzishen 发布于2019-08-20 17:17 / 3102人阅读

摘要：重点，在苹果系统下，点击都不好使如添加点击事件测试结果是没反应，如何解决这个问题呢，这里苹果系统存在的解决的方法很巧妙，就是给需要绑定事件的元素添加一个。这样就可以轻松解决这个问题，希望对大家有所帮助。

h5页面添加

首先，在安卓系统下，各种坑，这里暂时不多介绍。

重点，在苹果系统下，点击都不好使

如添加点击事件

$("#play").on("click", function() {
    $("#myVideo").get(0).play();
    });

测试结果是没反应，如何解决这个问题呢，这里苹果系统存在的bug
解决的方法很巧妙，就是给需要绑定事件的元素添加一个css cursor: pointer 。
.play-btn {
cursor:pointer
}

这样就可以轻松解决这个问题，希望对大家有所帮助。

云服务器 GPU云服务器苹果手机连接阿里云服务器是什么问题了支持webrtc的苹果手机手机密码锁的实现问题支持webrtc的手机浏览器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83466.html

手机浏览器自动播放视频video（设置autoplay无效）的解决方案

摘要：参考链接禁止自动播放后，有什么比较好的方法实现的自动播放吗微信自动播放视频可交互，设置层级，无控制条，非视频下安装系统安装使用音视频播放和常见的坑处理在微信和浏览器中不全屏播放解决 1、问题的提出某一天接了个需求，需要在手机的H5页面内加入视频，我开开心心做完，准备交付的时候，问题来了，PM想要用户一进入页面，视频就开始播放，不需要用户手动点击。 2、尝试解决加autoplay 视...

fyber 2019-08-23 12:57 评论0 收藏0
手机浏览器自动播放视频video（设置autoplay无效）的解决方案

摘要：参考链接禁止自动播放后，有什么比较好的方法实现的自动播放吗微信自动播放视频可交互，设置层级，无控制条，非视频下安装系统安装使用音视频播放和常见的坑处理在微信和浏览器中不全屏播放解决 1、问题的提出某一天接了个需求，需要在手机的H5页面内加入视频，我开开心心做完，准备交付的时候，问题来了，PM想要用户一进入页面，视频就开始播放，不需要用户手动点击。 2、尝试解决加autoplay 视...

UsherChen 2019-08-02 11:58 评论0 收藏0
手机浏览器自动播放视频video（设置autoplay无效）的解决方案

摘要：参考链接禁止自动播放后，有什么比较好的方法实现的自动播放吗微信自动播放视频可交互，设置层级，无控制条，非视频下安装系统安装使用音视频播放和常见的坑处理在微信和浏览器中不全屏播放解决 1、问题的提出某一天接了个需求，需要在手机的H5页面内加入视频，我开开心心做完，准备交付的时候，问题来了，PM想要用户一进入页面，视频就开始播放，不需要用户手动点击。 2、尝试解决加autoplay 视...

Jinkey 2019-06-21 16:18 评论0 收藏0