iOSとAndroidの携帯電話でWeChatの下でビデオを再生すると、たとえば、手動でクリックする必要がある場合、ビデオが再生され、ビデオがWeChatボックスからジャンプしてコントロールバーが表示されます。ビデオがTencentビデオではない場合、Tencentビデオの広告が表示されます
解決策:ビデオにいくつかの属性を追加し、H5ネイティブビデオを呼び出します。<ビデオID = VideoAll SRC = Video/01.mp4 Poster = Images/1.Jpg/*/Preoad = auto webkit-playsinline = true/*这个属性是ios10中设置可以让视频在小窗内播放、つまり、それはフルスクリーン再生* / playsinline = true /* iOS wechatブラウザーは小さなウィンドウ再生をサポートします* / x -webkit-airplay = avain Wechat Android機能値は垂直画面*/ style = object-fils:fill> </ video>POSTER = IMAGES/1.JPG:属性がビデオのダウンロードを指定したときに表示される画像、またはユーザーの前に表示される画像が[再生]ボタンをクリックします。この属性が設定されていない場合は、代わりにビデオの最初のフレームを使用します。 Preload = auto:属性は、ページの読み込み後にビデオを指定します。 WebKit-PlaysInlineおよびPlaysInline:ビデオ再生中のローカル再生は、ドキュメントの流れを離れないでください。しかし、この属性は、Allowsinlinediaplayback = yes webview.allowsinlinediaplayback =はい、有効にするために、より特別なアプリです。つまり、アプリが設定されていない場合、このラベルはページで効果的ではありません。これが、AndroidのWeChatが常にフル画面であるためです。
ここに追加する必要があります。フルスクリーンのライブブロードキャストまたはフルスクリーンのH5エクスペリエンスを行う必要があります。ISOは、falseをセットアップするため、webkit-polaysinlineタグをセットアップする必要があります。完全な画面がデフォルトであるため、必要です。しかし、この時点で、セットアップかどうかを制御するかどうかにかかわらず、フル画面がコントロールを再生しています。 ライブブロードキャストのライブブロードキャストは使用できますが、フルスクリーンH5は必要ありません。そのため、フルスクリーンの再生中のコントロールの制御には、次の設定が必要です。同じレイヤー再生が必要です。
X-Webkit-Airplay = Allowは当面の間正確にその役割を知ることができませんが、Xiaobianはこの属性がこのビデオをサポートするiOSのAirPlay関数をサポートする必要があると推測しています。 AirPlayを使用すると、iOSのデバイスでビデオ、音楽、写真ファイルを直接再生できます再生は、対応する機能もサポートします。 X5-Video-Player-Type:同じレイヤーH5プレーヤーを有効にします。つまり、ビデオがフルスクリーンである場合、ViveレイヤーにDivを表示できます。これは、WeChat Androidバージョンの一意の属性でもあります。同じレイヤーでエイリアスを再生することは、没入型再生とも呼ばれますが、コントロールとweChatのナビゲーションバーを削除し、xと<2つのキーのみを削除しました。現在の同じレベルのプレーヤーは、Android(WeChatを含む)でのみ有効になり、当面はiOSをサポートしていません。 AndroidをISOのように再生できないため、同じレイヤーの再生がAndroidに対してのみ開かれている理由については、フル画面h5である場合、一部のインターフェイス操作をブロックすることができます。この時点で同じレイヤーがこの問題を解決します。ただし、テスト中に、ISOおよびAndroid効果の異なるバージョンがわずかに異なることがわかりました。 x5-video-orientation:プレーヤーがサポートする方向、オプションのバリューランドスケープ水平面、描写垂直画面を宣言します。デフォルト値の描写。ライブブロードキャストとフルスクリーンH5の両方が通常垂直スクリーンを再生されますが、この属性にはH5モードを開くにはx5ビデオプレーヤータイプが必要ですx5-video-player-fullscreen:フルスクリーン設定。他の2つの属性値があります。これは、tureとfalse、Trueは完全な画面の再生をサポートし、Falseは完全な画面の再生をサポートしません。実際、ISO WeChatブラウザはChromeのコアであり、関連属性がサポートされており、X5が同じレイヤーによってサポートされていない理由です。 Android Wechatブラウザは、X5カーネルです。
属性が追加されていても、AndroidのWechatにも問題があります。
解決策:オブジェクトフィットを追加:ビデオへのスタイル属性。まだ黒いエッジがある場合、ビデオサイズは不適切です。<div id = videobox> <video id = videoall src = mp4.mp4ポスター= 1.jpg preload = auto webkit-playsinline = true playsinline = true = lows x5-video-player-type = h5 x5- video-player-fullscreen = true x5-video-orientation = portraint style = object-fit:fill> </video> <div id = playcontr()> </div> </div> <div id = videoEnd> <div id = negnbtn onclick = playcontr()> </div> </div>
*パディング:0;} 100%; ; :-40.5px; 2。JPG);
<Script> var videoall = document.getElementById( 'Videoall')、VideoBox = document.getElementById( 'Videobox')、btn = d( 'btn')、videond = document.getElementById( 'VideoEnd'); .docmeentelement.clientwidth; falsedivediv(video); .indexof( 'adr')> -1; iOSターミナル関数playcontr(){if(isandroid){videoall.style.width = windth.screen = block.play(); 、function(){videoll .pause.style.display.style.display = block;};上記は、Xiaobianが演じるHTML5 Wechatの完全な問題の解決策です。 VEVBウーリンのウェブサイトへのご支援ありがとうございます!