動画を使用する目的設定をする。
ユーザーが求めていることは何かを意識する。
ページの読み込み速度が遅くならないようにする。(サイトが重くならないようにする。)
7割がスマホユーザーのため、高画質動画は必須ではない。
商品の全体像が分かれば良い。
再生回数を確認できるようにする。
【Youtube動画について】
公式サイト内において、他社の広告の表示は、ブランディングとしてNG
関連動画は非表示設定にする。
自動再生設定にする。
【最近の傾向】
サイトに、専用のビデオプレーヤーが入っている。
【Amazon】
15秒 mp4データ
MPEG-4 ムービー 1.6MB
大きさ:700px 540px
【商品詳細ページ 埋め込み事例】
YouTubeに動画をアップロード
⇒ URLをコピーして、y2mate にペースト
⇒ 360p(.mp4)を選択して、ダウンロード(約500KB)
⇒ ダウンロードしたmp4ファイルの名前を変更
⇒ mp4ファイルをサーバーへ アップロード
⇒ コーディング
【コーディング事例】
<video src="https://○○○○/○○○○/○○○○.mp4 " width="100%" loop autoplay muted playsinline></video>
ユーザーが求めていることは何かを意識する。
ページの読み込み速度が遅くならないようにする。(サイトが重くならないようにする。)
7割がスマホユーザーのため、高画質動画は必須ではない。
商品の全体像が分かれば良い。
再生回数を確認できるようにする。
【Youtube動画について】
公式サイト内において、他社の広告の表示は、ブランディングとしてNG
関連動画は非表示設定にする。
自動再生設定にする。
【最近の傾向】
サイトに、専用のビデオプレーヤーが入っている。
【Amazon】
15秒 mp4データ
MPEG-4 ムービー 1.6MB
大きさ:700px 540px
【商品詳細ページ 埋め込み事例】
⇒ URLをコピーして、y2mate にペースト
⇒ 360p(.mp4)を選択して、ダウンロード(約500KB)
⇒ ダウンロードしたmp4ファイルの名前を変更
⇒ mp4ファイルをサーバーへ アップロード
⇒ コーディング
【コーディング事例】
<video src="https://○○○○/○○○○/○○○○.mp4 " width="100%" loop autoplay muted playsinline></video>
0コメント