YouTube、Vimeo、およびその他のオンラインサービスを使用してDreamweaverでビデオをホストする方法

Dreamweaverを使い始めたばかりのデザイナーは、マルチメディアを自分の作品に統合しようとする人は、人気のあるビデオホスティングサイト（YouTubeやVimeo。これらのホスティングサービスは、ストレージ、帯域幅、圧縮、フォーマット、およびユーザーへのビデオ資産の配信を処理します。

あなたがしなければならないことは、あなたのビデオファイルをアップロードしてから、あなたのウェブページのHTMLコードにそのサイトの特別なコードを入れるだけです。 Webサーバー上でホストされていなくても、ビデオはページ内で再生されます。

<！ - 1 - >

機密性、機密性、またはビジネス目標を達成するために使用されるビデオを含むサイトを設計している場合は、おそらくコンテンツ配信ネットワーク（CDN）を使用することで最も効果的です。 BrightCove、Akamai、Amazon Web Servicesなどのサービスは、帯域幅と配信を処理するだけでなく、デスクトップ、タブレット、スマートフォンでシームレスに再生できるようにビデオクリップを正しいフォーマットにトランスコードするオプションも提供します。

<！ - 2 - >

YouTubeは、あなたのビデオが無料で最大の視聴者に届きたい場合には最適ですが、サイトでホストされていることと引き換えに、あなたのビデオの権利を放棄します。同様に、YouTubeからサイトに動画を追加すると、YouTubeロゴと表示される可能性のある広告が含まれているYouTubeプレーヤーが邪魔になります。

使用しているビデオサイトの利用規約をよく読んで、譲渡する可能性のある権利と、将来そのサイトがあなたのビデオをどのように使用するかを十分に理解するようにしてください。

<！ - 3 - >

Vimeoは、あなたのビデオへの権利を簡単に制御できるように、合理的な価格のプロフェッショナルレベルのサービスを提供しているため、ビデオプロフェッショナルの数が増えているという忠誠心を獲得しました。 Vimeoのロゴのないページ、またはサイトの他の動画へのリンク。

今日、YouTubeとVimeoはほとんどの中小規模のウェブサイトに最適なオプションを提供しているようですが、競合他社が出現しています。これらのビデオ会社が提供するサービスは変化し続けるため、ビデオをホストする場所を決定する前に、ニーズに合った最良のサービスを調べたい場合があります。

YouTubeやVimeoなどのサイトでビデオをホスティングする利点は次のとおりです。

優れたビデオ圧縮： YouTubeとVimeoの両方でサーバーにアップロードするとビデオが最適化されます。あなた自身よりも良い仕事。
各訪問者への正しいバージョンの配信： YouTubeは訪問者の接続速度とデバイスを検出し、それに応じてビデオを配信します。 iPhoneでYouTubeにアクセスすると、動画はMP4形式で表示されます。同じビデオをコンピュータで見ると、Flashのバージョンが表示されます。同様に、高速3G接続の場合は、より高解像度のバージョンが表示されます。
帯域幅管理： これらのサービスは、お金を節約するのに役立ちます。あなたのビデオが人気を得てあなた自身のビデオをホストしている場合は、あなたのウェブホストの帯域幅制限を超過し、追加料金がかかるかもしれません。ビデオは他のタイプのコンテンツよりも広い帯域幅を使用するため、オーバーヘッドはコストがかかることがあります。 YouTubeやVimeoであなたのビデオをホスティングすることは、ビデオの余分な帯域幅費用に驚かれることはありません。

YouTubeまたはVimeoでのビデオのホスティングは簡単です。以下のように動作します：

フォームに記入してサイトにアカウントを作成します（または既にアカウントがある場合はアカウントにログオンします）。

Vimeoでプロフェッショナルレベルのサービスを利用する場合は、料金も支払う必要があります。
あなたのウェブブラウザからサイトにファイルをアップロードします。

このプロセスでは、動画がアップロードされ、エンコードされます。サイトや使用状況によっては、数分かかることがあります。
ウェブサイトに動画を埋め込むために必要なコードをコピーするためのサイトの指示に従ってください。

たとえば、YouTubeの[埋め込み]ボタンをクリックするとダイアログボックスが表示され、ユーザーに動画がどのように表示されるかを制御できます。
DreamweaverでWebページを開きます。ページのHTMLコードで、動画を表示する場所をクリックし、コードスニペットを貼り付けます。

Dreamweaverの分割ビューを使用すると、コードを貼り付けるための適切な場所を簡単に見つけることができ、デザインビューではなくコードビューのDreamweaverにコードを貼り付けることができます。