ionicプロジェクトのHTML5動画タグがAndroid端末で動作しない

Question

1年前にionic v1で作成されたアプリがあり、iOSとAndroidの両方でうまく動作しています。しかし、最近、AndroidビデオからのアップデートがSamsung S6やLGのようないくつかのデバイスで動作しなくなった。私は、イオンコンテンツでシンプルなhtmlビデオタグを使用し、ビデオはウェブ上にある（ローカルではない）。最新のSDKアップデートでエミュレータの動作を再現することもできます。

私はionic 3で新しい空白プロジェクトを開始し、home.htmlファイルにビデオタグを追加して同じ問題を抱えました。この問題は、Androidデバイスまたはエミュレータ（API 23〜25の最新のアップデート）にデプロイするときに表示されます。それはiOS上で正常に動作します。実際には音が聞こえますが、ビデオは画面に表示されません。

<ion-content overflow-scroll="true"> 
 
    <video controls="controls" preload="metadata" webkit-playsinline="webkit-playsinline"> 
 
    <source src="http://techslides.com/demos/sample-videos/small.mp4" /> 
 
    </video> 
 
</ion-content>

私は同様の問題についての記事のトーンを読んで誰もが私の作品や異なる技術を使用してソリューションを持っていないようにみえます。私が試した解決策の中では、

• AndroidマニフェストでhardwareAcceleratedがtrueに設定されていることを確認しました。
• <イオン含有量>セクションにoverflow-scroll = "true"を追加しました。
• ビデオソースタグにtype = "video/mp4"を削除しました。
• mp4ファイルはサポートさエンコーディング（H.264）を使用して確認しました
• は、私は可能ということを知るのに十分幸運だった昨日のAndroidのSDK

を更新しました

を異なるイオン/コルドバのCLIを試してみましたが、コアバージョンデバイス上の設定/開発ツールのマルチプロセスWebViewは、ビデオを再び機能させますが、クライアントにとってはオプションではありません。 WebViewや最新のAndroidアップデート（10月）とは関係がありますが、どうやって修正するのか分かりません。ここで

は、私が使用するコードです：Ionic Video Problem/StackBlitz

しかし、私が言ったように、それはブラウザで正常に動作します、あなたは、ダウンロードしてコンパイルらの問題を表示するにはAndroidデバイスに送信する必要があります。

私は1週間それを苦労してきました。何か案が？

Answer 1

最近、特定のアップデートを適用した後、ほとんどのユーザーが消えてしまったため、これはおそらく製造元の問題でした。問題は、Android 7.0を実行しているSamsung S7に示されていました。更新の前に、回避策として設定でマルチプロセスWebViewを有効にすることでバグを一時的に修正することができました。

Answer 2

crosswalkがインストールされていない人もいれば、Androidで問題が発生していることがあります。

これは、さまざまなAndroidバージョンとデバイスでChromeバージョンを互換性のあるものにするのに役立ちます。

Answer 3

<ion-content overflow-scroll="true"> 
 
    <video controls="controls" preload="metadata" webkit-playsinline="webkit-playsinline"> 
 
    <source src="http://techslides.com/demos/sample-videos/small.mp4" /> 
 
    </video> 
 
</ion-content>