如何防止HTML5的video標籤在iphone中自動全屏

本篇教程探討了如何防止HTML5的video標籤在iphone中自動全屏，希望閱讀本篇文章以後大家有所收穫，幫助大家HTML5+CSS3從入門到精通 。

問題: 當在iphone中打開html5頁面中的video視頻時，會默認調取系統播放器，全屏播放視頻資源。

解決方式: 1. 首先在html5頁面的video標籤中添加webkit-playsinline=true;

接著在UIWebView中設置allowsInlineMediaPlayback屬性；

webview.allowInlinesMediaPlayback = YES;

2. 如果是用Phonegap或者是Cordova; 則可以再config.xml配置文件中配置：

然後再在video標籤中添加webkit-playsinline屬性。

本文由職坐標整理並發布，希望對同學們有所幫助。了解更多詳情請關注職坐標WEB前端HTML5/CSS3頻道！

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！