HTML5 動画作成ガイド

ステップ 4: 作業内容を確認する

ここまでで、動画クリエイティブの作成についてひととおり説明しました。ここで、自分のファイルとサンプル ファイルとを比較してみてください。

クリエイティブの確認事項:

クリエイティブをローカルでテストする

クリエイティブを DoubleClick Studio ウェブ管理画面にアップロードする前に、ローカルで簡単に確認ができます。クリエイティブを操作したり、ログを確認したりして、クリエイティブが正しく機能するかどうかを確認してください。ログを確認すると、QA に送信する前にエラーを把握できます。これにより、余分な改訂や開発プロセスの遅延を防ぐことができます。

Webkit ベースのブラウザを使用するか、Firebug をインストールすれば、ローカルでテストを行うことができます。ただし、下記のステップでは、Google Chrome を使用することを前提としています。

ログを確認するには:

  1. Chrome ブラウザで HTML ファイルを開きます。
  2. ページ上の任意の場所を右クリックして、[要素を検証] をクリックします。
  3. [Elements] タブが開きます。
  4. [Console] タブをクリックします。
  5. 広告を操作します。

テストする機能 [Console] タブに表示されるトレース内容
動画再生 [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_PLAY
動画一時停止 [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_PAUSE
動画ミュート [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_MUTE
動画ミュート解除 [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_UNMUTE
動画停止 [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_STOP
動画リプレイ [studio.Enabler] enabler.traceMessages.videoEventForVideoName"video_1": EVENT_VIDEO_REPLAY

 

この情報は役に立ちましたか?

改善できる点がありましたらお聞かせください。

さらにサポートが必要な場合

次の手順をお試しください。

検索
検索をクリア
検索を終了
メインメニュー
5567829897482228393
true
ヘルプセンターを検索
true
true
true
true
true
74220
false
false