動画共有サービスのプレイヤー埋め込み方法 Tips

この記事について

今回は、以前ご紹介した動画共有サービスのプレイヤー埋め込み方法をご説明いたします。
アップロードした動画を自分のサイトに掲載したい時の Tips としてご利用ください。
前回記事の補足記事となるので前回記事も合わせてご覧いただければと思います。

目次

動画共有サービスの紹介

YouTube

外部プレイヤーサンプル

YouTube - プレイヤー

    1. ログインし、右上のユーザー名が書かれたドロップダウンメニューをクリックする

YouTube - 手順1

    1. メニューが開くので [動画の管理] をクリックする

YouTube - 手順2

    1. 投稿した動画の一覧が表示されるので埋め込みたい動画のタイトル部分をクリックする

YouTube - 手順3

    1. 動画ページに移るので動画プレイヤー下の [共有] ボタンをクリックする

YouTube - 手順4

    1. 共有メニューが開かれるので [埋め込みコード] ボタンをクリックする

YouTube - 手順5

    1. テキストエリア内のコードをコピーして埋め込みたい部分にペーストする

YouTube - 手順6
(テキストエリア下のチェックボックス・サイズ変更ボタンで設定変更が可能)


Vimeo

外部プレイヤーサンプル

Vimeo - プレイヤー

    1. ログインし、右上メニューの [Video] タブから [My Videos] をクリックする

Vimeo - 手順1

    1. 投稿した動画の一覧が表示されるので埋め込みたい動画のタイトル部分をクリックする

Vimeo - 手順2

    1. 動画ページに移るので動画右上部の [EMBED] ボタンをクリックする

Vimeo - 手順3

    1. テキストエリア内のコードをコピーして埋め込みたい部分にペーストする

Vimeo - 手順4
([Customize embed options] 部分から設定変更が可能)


Blip

外部プレイヤーサンプル

Blip - プレイヤー

一般的なサイズでの埋め込み

    1. ログインし、画面右上の [(ユーザー名)] タブから [My Showpage] をクリックする

Blip 一般的なサイズでの埋め込み - 手順1

    1. 投稿した動画の一覧が表示されるので [Episodes of (ユーザー名)] エリアから埋め込みたい動画のタイトル部分をクリックする

Blip 一般的なサイズでの埋め込み - 手順2

    1. 動画ページに移るのでプレイヤー下の [Share] リンクをクリックする

Blip 一般的なサイズでの埋め込み - 手順3

    1. [Share this episode] ウィンドウが開くので右下の [Embed episode] 部のコードをコピーして埋め込みたい部分にペーストする

Blip 一般的なサイズでの埋め込み - 手順4

オリジナルサイズでの埋め込み

    1. ログインし、画面右上の [Producer Tools] タブから [Dashboard] をクリックする

Blip オリジナルサイズでの埋め込み - 手順1

    1. [Latest Episodes] 部に過去に投稿した動画の一覧が表示されるので埋め込みたい動画のタイトル部分をクリックする

Blip オリジナルサイズでの埋め込み - 手順2

    1. 動画情報の変更画面に移るので、画面右下の [Embed] 部からテキストエリア内のコードをコピーして埋め込みたい部分にペーストする

Blip オリジナルサイズでの埋め込み - 手順3


Dailymotion

外部プレイヤーサンプル

Dailymotion - プレイヤー

    1. ログインし、画面右上の [(ユーザー名)] タブから [動画] をクリックする

Dailymotion - 手順1

    1. 投稿した動画の一覧が表示されるので埋め込みたい動画のタイトル部分をクリックする

Dailymotion - 手順2

    1. 動画ページに移るのでプレイヤー下の [共有] ドロップダウンメニューをクリックし、[埋め込む] をクリックする

Dailymotion - 手順3

    1. [埋め込みプレーヤーをカスタマイズする] ウィンドウが開くのでテキストエリア内のコードをコピーして埋め込みたい部分にペーストする

Dailymotion - 手順4


Veoh

外部プレイヤーサンプル

Veoh - プレイヤー

    1. ログインし、右上のユーザー名が書かれたリンクをクリックする

Veoh - 手順1

    1. [公開した動画] エリアに投稿した動画の一覧が表示されるので埋め込みたい動画のタイトル部分をクリックする

Veoh - 手順2

    1. 動画ページに移るので動画の再生が終了するまで待つ

Veoh - 手順3

    1. 再生後のプレイヤー上にメニューが表示されるので ボタンをクリックする

Veoh - 手順4

  1. ソースコードがクリップボードにコピーされるので埋め込みたい部分にペーストする

ワッチミー!TV

外部プレイヤーサンプル

ワッチミー!TV - プレイヤー

    1. ログインし、右上の [マイページ] タブをクリックする

ワッチミー!TV - 手順1

    1. マイページに移動するので、[最近投稿した作品] エリアから埋め込みたい動画のタイトル部分をクリックする

ワッチミー!TV - 手順2

    1. 動画ページに移るのでプレイヤー下の [ブログへ貼り付ける] 部の [クリップボードへコピー] ボタンをクリックする

ワッチミー!TV - 手順3

  1. ソースコードがクリップボードにコピーされるので埋め込みたい部分にペーストする

Myspace

外部プレイヤーサンプル

Myspace - プレイヤー

    1. ログインし、上部メニューの [マイエリア] タブをクリックしドロップダウンメニューを開き [動画] リンクをクリックする

Myspace - 手順1

    1. 投稿した動画の一覧が表示されるので埋め込みたい動画のタイトル部分をクリックする

Myspace - 手順2

    1. 動画ページに移るのでプレイヤー下の [貼り付ける] ボタンをクリックする

Myspace - 手順3

    1. [貼り付けコード] テキストボックス内のコードをコピーして埋め込みたい部分にペーストする

Myspace - 手順4

MakeLeaps

MakeLeapsは見積書・納品書・請求書の発行管理クラウドソリューション。このブログでは、国内のフリーランスや中小企業の読者の悩み解決・成長に役立つ情報やMakeLeapsのニュースなどをお届けします!

MakeLeapsの他の記事