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