首頁  >  文章  >  web前端  >  防止html5的video標籤在iphone中自動全螢幕的方法

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

一个新手
一个新手原創
2017-10-09 10:23:462621瀏覽

  問題: 當在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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn