防范html5的video標簽在iphone中自動全屏的方法
發表時間:2024-05-11 來源:明輝站整理相關軟件相關文章人氣:
[摘要]問題: 當在iphone中打開html5頁面中的video視頻時,會默認調取系統播放器,全屏播放視頻資源。 解決方式: 1. 首先在html5頁面的video標簽中添加webkit-playsinline=true;<video id="player" webkit-p...
問題: 當在iphone中打開html5頁面中的video視頻時,會默認調取系統播放器,全屏播放視頻資源。
解決方式: 1. 首先在html5頁面的video標簽中添加webkit-playsinline=true;
<video id="player" webkit-playsinline></video>
接著在UIWebView中設置allowsInlineMediaPlayback屬性;
webview.allowInlinesMediaPlayback = YES;
2. 如果是用Phonegap或者是Cordova; 則可以再config.xml配置文件中配置:
<preference name="AllowInlineMediaPlayback" value="true" />
然后再在video標簽中添加webkit-playsinline屬性。
以上就是防止html5的video標簽在iphone中自動全屏的方法的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。