logo of RainbowLink Inc.

動画を表示する方法

この記事の公開年月日:  |   【1】動画をホームページで表示する方法 【2】YouTubeで動画を表示する方法  | この記事のURL: https://jp.rainbow-link.com/marketing_article2.htm

この記事の内容は古くなりました。過去記事として表示しております。ご注意ください。

【1】動画をホームページで表示する方法

(0)動画をホームページで表示するためには、1つの動画を、次の4種類の拡張子の動画に変換する必要があります。

  • mp4
  • flv
  • ogv
  • webm

 また、動画を表示するウェブページが開かれた時、動画の内容を示す表題画像(動画のタイトル画像)を用意しましょう。動画の一場面のスクリーンショットなども表題代わりによく使われます。

(1)動画を(0)で列挙した拡張子に変換し、サーバーにアップロードしましょう。

(2)タグを作成し、htmlソースに貼付けましょう。

  • <video controls poster="動画のタイトル画像.png">
  • <source src="動画.ogv" type="video/ogg">
  • <source src="動画.flv" type="video/flv">
  • <source src="動画.mp4" type="video/mp4">
  • <source src="動画.webm" type="video/webm">
  • <p><a href="YouTubeのURL" target="_blank">YouTubeでご覧ください</a></p>
  • </video>

(3)サーバーの拡張子を動画に対応させましょう。サーバー apache の場合の mime type 設定例は、次のとおりです。

  • AddType audio/x-mp4 .mp4
  • AddType audio/mp4 .mp4
  • AddType video/flv .flv
  • AddType application/ogg .ogv
  • AddType video/ogg .ogv
  • AddType video/webm .webm

サーバーを再起動しましょう。

【2】YouTubeで動画を表示する方法

mp4ファイルの動画を一つアップロードすることで、ほぼすべてのブラウザーに表示することができます。

このページのURL: https://jp.Rainbow-Link.com/marketing_article2.htm


jp.Rainbow-Link.com

株式会社レインボーリンク

rainbowlinkinc2