プレーヤー、ウォーターマーク、イントロ、プレビュー

TubePressはアップロードされた動画とURLベースの動画を、vendor/fluidplayerにバンドルされたセルフホスト型HTML5プレーヤーFluidPlayerで再生します。その周りには、トランスコード中に生成されるいくつかの機能—ウォーターマーク、イントロおよびアウトロクリップ、スクラブプレビューのサムネイル—と、一覧カードに表示されるホバープレビューがあります。

プレーヤーの動作は外観 → ウォッチで設定します。ウォーターマーク、イントロ、タイムラインの各機能は動画にエンコードされるため（再生時に切り替えるのではなく）、それぞれの/admin/settings?tab=transcodeサブタブにあります。

ビデオプレーヤー

アップロードされた動画またはURLベースの動画の場合、TubePressはレンディションごとに1つの<source>を持つ<video>要素をレンダリングし、FluidPlayerを初期化します。各レンディションは画質ラベル付きの個別ソースとして列挙され（720p以上はHDフラグ付き）、プレーヤーは組み込みの画質メニューを表示します。アクセントカラーはテーマのプライマリカラーに従い、コントロールは再生中に自動非表示になります。

バンドルにはアダプティブストリーミング（HLSおよびMPEG-DASH）、WebVTT、360°/VR再生用のモジュールが含まれており、必要に応じて通常のMP4以上に対応できます。埋め込みコードを持つ動画はFluidPlayerを完全にバイパスし、代わりにソースのiframeをレンダリングします。

ウォーターマーク

ウォーターマークは動画に重ねて表示されるロゴです。TubePressでは、プレーヤーが描画するのではなく、トランスコード中にFFmpegによってすべてのレンディションにエンコードされます—そのためクライアント側では除去できませんが、トランスコードが必要であり、有効化後に処理された動画にのみ表示されます。ウォーターマークサブタブで設定します：

エディタのライブプレビューでオーバーレイの配置を大まかに確認できますが、最終的なマークは次回エンコード時にFFmpegによって適用されます。

プリロールイントロ

イントロサブタブで、すべての動画の前に短いクリップ（プリロールイントロ）を追加し、後ろにポストロールアウトロを付加できます。どちらもMP4アップロードで、uploads/intros/に保存されます。ウォーターマークと同様に、エンコードの一部です。トランスコード中に各クリップはすべての出力フォーマットの解像度、コーデック、ビットレートに合わせて再エンコードされ、シームレスに連結されるため、ストリーム途中での品質の変化はありません。

ファイルにエンコードされるのではなくプレーヤーの内部で再生される広告クリップには、代わりに広告システムのVAST プリ/ミッド/ポストロールを使用してください。

タイムラインプレビュー

タイムラインプレビューは、プログレスバーをスクラブするときに表示される小さなサムネイルです。タイムラインサブタブでタイムラインスクリーンショットを生成を有効にすると、トランスコーダーがフレームのスプライトとtimeline.vttマップを作成し、準備ができ次第FluidPlayerが自動的にシークバーに組み込みます。

スプライトは独立したキュージョブとして生成されるため、プレビューは動画の公開後しばらくして表示されることがあります。

ホバープレビュー

プレーヤーとは別に、リスト表示カードはビジターがホバーしたときに短いプレビュークリップを再生します—タイムラインスプライトではなく、動画ごとの実際のpreview.mp4です。これはテーマの外観オプションのカードホバー設定で制御され、ウォッチページを開かずに各動画を手軽に確認できます。

プレーヤー設定

外観 → ウォッチを開いてプレーヤーを制御します。これらのオプションはアップロードされた動画とURLベースの動画にのみ適用され、埋め込みには適用されません。

同じ画面で、プレーヤー周囲に表示されるメタデータ—再生回数、長さ、公開日、いいね/よくないね、お気に入りボタン、ポルノスター、チャンネル、カテゴリ、タグセクション—を切り替え、サイドバーに表示する関連動画の数（2–20）を設定します。

次のステップ