2016-08-25 4 views
1

私はpopcorn.capture.jsを試して、preload="auto"を設定しました。最初のものはfirefoxに適しており、次はPCブラウザに適しています。私はモバイル(Wechat)で達成するための何か方法が必要です。私たちを手伝ってくれますか?モバイルHTML5動画の最初のフレームをポスターとして動的に使用するにはどうすればよいですか?

+0

私は 'poster'を省略したと思ったので、最初のフレームはすべてデフォルトとなります。> [ユーザーが再生またはシークするまで表示するポスターフレームを示すURL。この属性を指定しないと、最初のフレームが使用可能になるまで何も表示されません。最初のフレームはポスターフレームとして表示されます。](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video) – zer00ne

+0

ありがとう。これはpcのクロムでうまく動作しますが、モバイルでは動作しません。さらに、ビデオコーディングに関連しているようです。私は探検しています。 –

答えて

0

モバイルデバイスでは、デバイスが自動的にビデオのダウンロードを開始することはありません。これは、ユーザーが大きなデータの請求書を実行するのを避けるためです。

動画をダウンロードしていないため、最初のフレームを抽出できないため、HTML5のポスターメカニズムを使用して画像をサムネイルとして表示する必要があります。

一般的なアプローチの1つは、ビデオをサーバーに取り込んだり追加したりするときにサーバー側でサムネイルを生成し、ビデオポスターとして配信できる場所に保存することです。

+0

ありがとう、実際に私は最後にあなたのアドバイスを使用しました。 –

関連する問題