蘋果手機瀏覽器video點擊無效的問題

lvzishen 發布于2019-08-20 17:17 / 3123人閱讀

摘要：重點，在蘋果系統下，點擊都不好使如添加點擊事件測試結果是沒反應，如何解決這個問題呢，這里蘋果系統存在的解決的方法很巧妙，就是給需要綁定事件的元素添加一個。這樣就可以輕松解決這個問題，希望對大家有所幫助。

h5頁面添加

首先，在安卓系統下，各種坑，這里暫時不多介紹。

重點，在蘋果系統下，點擊都不好使

如添加點擊事件

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

測試結果是沒反應，如何解決這個問題呢，這里蘋果系統存在的bug
解決的方法很巧妙，就是給需要綁定事件的元素添加一個css cursor: pointer 。
.play-btn {
cursor:pointer
}

這樣就可以輕松解決這個問題，希望對大家有所幫助。

GPU云服務器云服務器蘋果手機連接阿里云服務器是什么問題了支持webrtc的蘋果手機手機密碼鎖的實現問題支持webrtc的手機瀏覽器

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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