次のコードを使用してビデオを表示しています
<video id="v1" class="no-fastclick" controls>
<source class="no-fastclick" src="img/home.mp4" type="video/mp4">
</video>
実際には「ほぼ」すべてが機能します。ビデオは再生できますが、音声しか聞こえません。ただし、フルスクリーンにするとビデオも表示されます。したがって、すべてが正しいように見えます-フルスクリーンでない場合は表示されません。
クリック時に全画面表示を強制したり、小さいバージョンで再生できるようにする方法が見つかりません。
更新
以下のコメントで OP と議論した後、テスト アプリを作成し、OP 用にアップロードしました。
動画は実機で動作確認済みです。エミュレーターで同じアプリを試したところ、問題を再現できました。これはエミュレーターの問題であり、Cordova や実際のデバイスの問題ではないようです。
編集
この問題を抱えているのはあなただけではないようです。ここに、ビデオ タグが適切に機能するようにするプラグインがあります。
https://github.com/jaeger25/Html5Video/blob/master/README.md
インストール:
cordova plugin add https://github.com/jaeger25/Html5Video.git
使用例:
<video id="myvideo" loop></video>
うまくいけば、これはうまくいくでしょう!
元の
次の例のように webkit-playsinline 属性を追加する必要がある場合があります。
<video webkit-playsinline>
<source src="mySource.mp4" type="video/mp4">
</video>
また、これを config.xml に追加する必要がある場合もあります
<preference name="AllowInlineMediaPlayback" value="true"/>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加