防止html5的video標籤在iphone中自動全螢幕的方法

一个新手
發布: 2017-10-09 10:23:46
原創
2673 人瀏覽過

  問題: 當在iphone中開啟html5頁面中的video影片時,會預設調取系統播放器,全螢幕播放影片資源。

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

<video id="player" webkit-playsinline></video>
登入後複製

        接接在UIWebView中設定屬性;

webview.allowInlinesMediaPlayback = YES;
登入後複製
       2. 如果是用Phonegap或是Cordova; 則可以再config.xml設定檔中設定:

<preference name="AllowInlineMediaPlayback" value="true" />
登入後複製
 eo中再配置  新增webkit-playsinline屬性。

以上是防止html5的video標籤在iphone中自動全螢幕的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板