私はpopcorn.capture.js
を試して、preload="auto"
を設定しました。最初のものはfirefoxに適しており、次はPCブラウザに適しています。私はモバイル(Wechat)で達成するための何か方法が必要です。私たちを手伝ってくれますか?モバイルHTML5動画の最初のフレームをポスターとして動的に使用するにはどうすればよいですか?
1
A
答えて
0
モバイルデバイスでは、デバイスが自動的にビデオのダウンロードを開始することはありません。これは、ユーザーが大きなデータの請求書を実行するのを避けるためです。
動画をダウンロードしていないため、最初のフレームを抽出できないため、HTML5のポスターメカニズムを使用して画像をサムネイルとして表示する必要があります。
一般的なアプローチの1つは、ビデオをサーバーに取り込んだり追加したりするときにサーバー側でサムネイルを生成し、ビデオポスターとして配信できる場所に保存することです。
+0
ありがとう、実際に私は最後にあなたのアドバイスを使用しました。 –
関連する問題
- 1. 動的に最初のフレームをHTML5ビデオのポスターとして使用していますか?
- 2. HTML5のアプリケーションキャッシュ(appcache)を使用して動的ページをキャッシュするにはどうすればよいですか?
- 3. ブラウザでHTML5 <video>のポスター画像をキャッシュするにはどうすればよいですか?
- 4. YouTube5のHTML5バージョンからHTML5の動画URLを取得するにはどうすればよいですか?
- 5. YouTube動画をAフレームのテクスチャとしてレンダリングするにはどうすればいいですか?
- 6. 最初のクリックでスライドを移動させ、最初のクリックで左に動かないようにするにはどうすればよいですか?
- 7. Googleドライブの動画をスプラッシュ画面として使用するにはどうすればいいですか
- 8. MouseOver - ポスターを表示/ HTML5動画、ワードプレス
- 9. 画像を使用してカスタム動画プレーヤーを作成するにはどうすればよいですか?
- 10. HTML5ビデオのポスターとしてSVGを使用できますか?
- 11. HTML5のアプリキャッシュに50MBの動画を保存するにはどうすればよいですか?
- 12. MP4の抜粋を動画のフレームに関連付けるにはどうすればよいですか?
- 13. 最初の起動後に初期ビューコントローラを変更するにはどうすればよいですか?
- 14. html5キャンバスを使用して画像にテキストを追加するにはどうすればよいですか?
- 15. IMagickを使用して、画像に最大幅の動的テキストとマルチライン/オートラップを追加するにはどうすればよいですか?
- 16. HTML5 WebSocketを経由する動画のチャンクを再生するにはどうすればよいですか?
- 17. HTML5動画のdivを常に維持するにはどうすればよいですか?
- 18. blobを使用してYouTube/Facebookに動画を表示するにはどうすればよいですか?
- 19. node.jsを使用してWebブラウザに動画を配信するにはどうすればよいですか?
- 20. WPFで動的URLを使用してイメージにバインドするにはどうすればよいですか?
- 21. アンドロイドアプリにモバイル番号を自動的に取得するにはどうすればよいですか?
- 22. HTML5の動画から音声を抽出するにはどうすればよいですか?
- 23. rubyを使用して複数の動的ファイルをダウンロードするにはどうすればよいですか?
- 24. プリミティブwpfモジュラーアプリケーションで最初にコードを使用してdbテーブルを動的に作成するにはどうすればよいですか?
- 25. Firefoxで次のHTML5動画要素コントロールを削除するにはどうすればよいですか?
- 26. WIXを使用してVSIXパッケージを自動的にインストールするにはどうすればよいですか?
- 27. ポストパラメータを使用してiframeを自動的に送信するにはどうすればよいですか?
- 28. JavaScriptを使用してスタイルタグを動的に変更するにはどうすればよいですか?
- 29. Iron Routerを使用して動的ページをメテオにルーティングするにはどうすればよいですか?
- 30. jqueryを使用してフォントサイズを動的に更新するにはどうすればよいですか?
私は 'poster'を省略したと思ったので、最初のフレームはすべてデフォルトとなります。> [ユーザーが再生またはシークするまで表示するポスターフレームを示すURL。この属性を指定しないと、最初のフレームが使用可能になるまで何も表示されません。最初のフレームはポスターフレームとして表示されます。](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video) – zer00ne
ありがとう。これはpcのクロムでうまく動作しますが、モバイルでは動作しません。さらに、ビデオコーディングに関連しているようです。私は探検しています。 –