「動画」タグの記事一覧

YouTube動画に外部サイトへの外部リンクのアノテーションをつけてオプトイン登録へ誘導する方法

YouTube動画の画面内にオプトイン登録フォームやリンクを表示させるツール「LeadPlayer」(リードプレーヤー)

LeadPlayer(リードプレーヤー)

どうも、倉田です。

YouTube動画画面内
オプトイン登録フォームを表示させて
動画を見た人にオプトインしてもらったり、

動画内にテキストリンク(ボタン)を表示させて
セールスレターや、オプトインページに誘導する、

そんな夢のようなツールを見つけちゃいました☆
(o≧ω≦)O

ここでは、このツール「LeadPlayer」(リードプレーヤー)を紹介します。

続きを読む

自動ウェビナー販売法(エバーグリーンウェビナー)で、毎日365日、自動的に販売をおこない、購入者を増やし続け、売上をあげ続ける方法

どうも、倉田幸暢です。

ここでは、ウェビナーを自動化して、毎日365日、売上をあげ続けることができる自動ウェビナー販売法エバーグリーンウェビナーマーケティング)(オートウェビナー)という販売手法を紹介します。(*1)

(ウェビナーとは、ウェブセミナーや、オンラインセミナーのことです。)

クリックして拡大する
EWM概略図 B図

ウェビナーを自動化して継続的に売上をあげ続ける手法」としては、海外では、つぎの2つの販売手法が有名です。

  • エバーグリーンイベントドリブンマーケティング」(EEDM(*2)
  • エバーグリーンプロダクトローンチ」(EPL(*3)(*4)

この「エバーグリーンイベントドリブンマーケティング」(EEDM)と「エバーグリーンプロダクトローンチ」(EPL)の2つは、異なる販売手法ではあるものの、その内容は似ています

そこで、「ウェビナーを自動化して継続的に売上げをあげ続ける手法」というくくりで、この2つの販売手法をまとめて、「エバーグリーンウェビナーマーケティング」(EWM)という総称で呼ぶことにします。

ここからは、
「エバーグリーンイベントドリブンマーケティング」(EEDM)と、
「エバーグリーンプロダクトローンチ」(EPL)の
2つの手法についての話を織りまぜながら、
「ウェビナーを自動化して継続的に売上げをあげ続ける手法」である
「エバーグリーンウェビナーマーケティング」(EWM)について
お話していきます。

(以下では、「エバーグリーンウェビナーマーケティング」(EWM)のことを、
「エバーグリーンウェビナー」と略して呼びます。)

ちなみに、こうした自動化されたマーケティングのプロセスは、マーケティングオートメーション(マーケティング自動化)とも呼ばれます。

▲ もくじへもどる

自動ウェビナー販売法(エバーグリーンウェビナー)をやるならマイスピー!

目次
  1. エバーグリーンウェビナーって、要するに何なの?
    1. オプトイン登録からウェビナー(商品販売)までの流れ
    2. 毎日365日、常に販売がおこなわれる仕組み
    3. セグメント別の複数のステップメール
    4. ウェビナーをつかう理由
    5. 繰り返し改善することができる
    6. 自動化することができる
  2. エバーグリーンウェビナーの手法から学べること
  3. エバーグリーンウェビナーの手法をつかっている海外マーケターたち
    1. ジェイ・エイブラハム(Jay Abraham)
    2. リッチ・シェフレン(Rich Schefren)
    3. ジェフ・ウォーカー(Jeff Walker)
    4. フランク・カーン(Frank Kern)
    5. マイク・フィルセイム(Mike Filsaime)
    6. ケイシー・ジーマン(Casey Zeman)
    7. ジョエル・ピーターソン(Joel Peterson)
    8. ペリー・マーシャル(Perry Marshall)
    9. ラッセル・ブランソン(Russell Brunson)
  4. エバーグリーンウェビナーの手法の4種類のメリット
    1. あなたのビジネスにとっての利点
    2. あなたと見込み客との関係における利点
    3. あなたとアフィリエイターとの関係における利点
    4. あなた自身にとっての利点
  5. エバーグリーンウェビナー誕生秘話
    1. 「プロダクトローンチ」の手法の利点
    2. 「プロダクトローンチ」の手法の欠点
    3. 「プロダクトローンチ」の欠点を克服するために生まれた、EEDMの手法
    4. 欠点を克服して「エバーグリーン」へと進化した「プロダクトローンチフォーミュラ」
    5. エバーグリーンウェビナーマーケティングの誕生
  6. (参考)EEDMと「エバーグリーンローンチ」ってなに?
    1. EEDM(エバーグリーンイベントドリブンマーケティング)ってなに?
      1. 「エバーグリーン」ってどういう意味?
      2. 「イベントドリブン」ってどういう意味?
      3. 「マーケティング」ってどういう意味?
      4. EEDMの手法を考案した、リッチ・シェフレンってだれ?
    2. 「エバーグリーンプロダクトローンチ」(「ローリングローンチ」)ってなに?
      1. 「プロダクトローンチフォーミュラ」(PLF)の生みの親、ジェフ・ウォーカーってだれ?
  7. エバーグリーンウェビナーの手法を実施するうえでの「4つの壁」
    1. 壁1:エバーグリーンウェビナーをおこなうための専用ツール
    2. 壁2:エバーグリーンウェビナーを実践・運営してくれる担当者
    3. 壁3:エバーグリーンウェビナーをはじめるまでにかかる時間と労力
    4. 壁4:エバーグリーンウェビナーで販売するのに適した商品の種類
    5. 個々の要素をマーケティング活動にとりいれる
  8. エバーグリーンウェビナーの実施手順
    1. 「3つのステップ」と「3つのプロセス」
    2. エバーグリーンウェビナーの実施手順(詳細版)
  9. 「実施ステップ」についての詳細解説
    1. 1. 「参加者最大化プロセス」
      1. 1-1. 「招待プロセス」
      2. 1-2. 「事前登録プロセス」
        1. 「事前登録ページ」
        2. 「友達に紹介する」ページ
        3. サンキューページ(登録完了ページ)
      3. 1-3. 「出席促進プロセス」
        1. 信頼感を築く
        2. 「出席促進プロセス」で送るもの
        3. 「出席促進プロセス」の役割
    2. 2. 「ウェビナー開催プロセス」
      1. 「クッキー」(Cookie)の機能を活用する
      2. ウェビナー終了後の5種類の見込み客
    3. 3. 「購入者最大化プロセス」
      1. 「完視聴者」、「未完視聴者」、「欠席者」に働きかけるための3つのプロセス
      2. 「完視聴者への販売促進プロセス」
      3. 「未完視聴者への視聴促進プロセス」
      4. 「欠席者への視聴促進プロセス」
      5. 「購入者の満足度向上プロセス」
  10. 「準備ステップ」についての詳細解説
    1. 準備1:「ウェビナー開催プロセス」の準備をする
      1. 準備1-1:ウェビナーの題名を考えだす
        1. ウェビナーの題名を考えるための6つのヒント
          1. ヒント1:見込み客の理想と現実のギャップを埋める
          2. ヒント2:ワクワクさせる
          3. ヒント3:商品キャンペーン全体をストーリーにする
          4. ヒント4:見込み客の視点で考える
          5. ヒント5:ウェビナーをどのように定義付けるか?
          6. ヒント6:最終チェック
        2. 定期的に題名を変更してテストをする
      2. 準備1-2:ウェビナー動画をつくる
        1. プレゼンテーション用ソフトをつかったウェビナー動画
          1. リッチ・シェフレンのウェビナー
          2. マイク・フィルセイムのウェビナー
          3. フランク・カーンのウェビナー
          4. アンディー・ジェンキンスのウェビナー
          5. ジェームズ・ウェドモアのウェビナー
          6. チャド・ムレタのウェビナー
        2. 効果の高いウェビナー動画をつくるためのヒント
        3. 撮影時期が特定できないように注意する
        4. ウェビナーの構成の例
        5. ウェビナーで見込み客に行動を起こしてもらうための仕掛け
          1. 数量限定ボーナス
          2. カウントダウンタイマー
        6. ウェビナー動画の画面内に購入ページのURLを表示している実例集
          1. フランク・カーンのウェビナー(購入ページのURL表示)
          2. アンディー・ジェンキンスのウェビナー(購入ページのURL表示)
          3. ジェームズ・ウェドモアのウェビナー(購入ページのURL表示)
          4. チャド・ムレタのウェビナー(購入ページのURL表示)
        7. プロダクトローンチのプリローンチ動画をつかったウェビナー動画の作り方
        8. 見込み客に好かれるための5つの要素
      3. 準備1-3:購入ページをつくる
        1. リッチ・シェフレンのウェビナー販売の購入ページ
        2. マイク・フィルセイムのウェビナー販売の購入ページ
        3. ジェイ・エイブラハムのウェビナー販売の購入ページ
        4. フランク・カーンのウェビナー販売の購入ページ
        5. アンディー・ジェンキンスのウェビナー販売の購入ページ
        6. チャド・ムレタのウェビナー販売の申し込みページ
    2. 準備2:「参加者最大化プロセス」の準備をする
      1. 準備2-1:「事前登録プロセス」を準備する
        1. 「事前登録ページ」
          1. (参考)「事前登録ページ」の実例集
            1. ジェイ・エイブラハムがつかっている「事前登録ページ」
            2. リッチ・シェフレンがつかっている「事前登録ページ」
            3. マイク・フィルセイムがつかっている「事前登録ページ」
            4. フランク・カーンがつかっている「事前登録ページ」
            5. ラッセル・ブランソンがつかっている「事前登録ページ」
            6. ケイシー・ジーマンがつかっている「事前登録ページ」
        2. 「友達に紹介する」ページ
          1. 3つのプレゼントの内容
          2. (参考)「友達に紹介する」ページの実例集
            1. リッチ・シェフレンがつかっている「友達に紹介する」ページ
            2. マイク・フィルセイムがつかっている「友達に紹介する」ページ
            3. ジェイ・エイブラハムがつかっている「友達に紹介する」ページ
            4. ケイシー・ジーマンがつかっている「友達に紹介する」ページ
        3. サンキューページ(登録完了ページ)
        4. 成果を向上させるためのヒント
        5. 「事前登録ページ」の成果を向上させるためのヒント
          1. 「友達に紹介する」ページの成果を向上させるためのヒント
          2. サンキューページ(登録完了ページ)の成果を向上させるためのヒント
        6. 質問を受け付ける
      2. 準備2-2:「招待プロセス」を準備する
        1. 成果を向上させるためのヒント
        2. 「招待プロセス」終了時の、見込み客の種類
      3. 準備2-3:「出席促進プロセス」を準備する
        1. 「出席促進プロセス」の2つの目的
        2. 2つの目的を達成するための、3種類のメール
          1. 「登録確認メール」
          2. 「カウントダウン・メール/コンテンツ配信メール」
            1. 「出席率を高める」ためのメールの内容
            2. 「信頼感を築く」ためのメールの内容
          3. 「リマインダー・メール」
        3. 成果を向上させるためのヒント
          1. 「カウントダウン・メール/コンテンツ配信メール」の成果を向上させるためのヒント
          2. 「リマインダー・メール」の成果を向上させるためのヒント
    3. 準備3:「購入者最大化プロセス」の準備をする
      1. 準備3-1:「完視聴者への販売促進プロセス」を準備する
        1. ウェビナー視聴後から7日目までに送るステップメールの内容
      2. 準備3-2:「未完視聴者への視聴促進プロセス」を準備する
        1. 「未完視聴者への視聴促進プロセス」でつかうコンテンツとウェブページを用意する
          1. 成果を向上させるためのヒント
        2. 「未完視聴者への視聴促進プロセス」でつかうステップメールを用意する
          1. ウェビナー終了日から7日目までに送るステップメールの内容
          2. 成果を向上させるためのヒント
      3. 準備3-3:「購入者の満足度向上プロセス」を準備する
        1. 商品購入日から7日目までに送るステップメールの内容
  11. 「分析ステップ」についての詳細解説
    1. 計測し分析すべき指標
  12. エバーグリーンウェビナーを実践するためのツール・ウェブサービス
    1. 『MyASP』(マイスピー)をつかって、自動ウェビナー販売法(エバーグリーンウェビナー)を実践する
    2. 『EverWebinar』(エバーウェビナー)
    3. 『Evergreen Business System』(エバーグリーンビジネスシステム)
      1. 『Evergreen Business System』の使用事例
    4. 『Easy Webinar』(イージーウェビナー)(旧名『Easy Webinar Plugin』)
      1. 『Easy Webinar』の使用事例
      2. 動画セミナー「自動的に6桁ドル(1000万円以上)を稼いでくれるウェビナー販売ファンネルを作る方法」
      3. 動画セミナー「イベントローンチブループリント」:ウェビナー販売の売上を10倍~20倍にするイベントローンチのための4ステップ
    5. 『Auto Webinar Player』(オートウェビナープレイヤー)
  13. (参考)「エバーグリーンプロダクトローンチ」(ウィークリーエバーグリーンモデル)を実施するためのツール
    1. 『MyASP』(マイスピー)をつかって、エバーグリーンプロダクトローンチ(ウィークリーエバーグリーンモデル)を実践する
    2. 『Optimize Press』(オプティマイズ・プレス)
    3. 『Product Launch WordPress Theme』(プロダクトローンチ・ワードプレス・テーマ)
  14. (参考)生放送のライブウェビナーでつかわれる手法や、ツール・ウェブサービスなど
    1. ライブウェビナーを実施するためのツール・ウェブサービス
      1. ハングアウトオンエア
      2. ニコニコ生放送
      3. ツイキャス
      4. USTREAM(ユーストリーム)
      5. 『Evergreen Business System』(エバーグリーンビジネスシステム)
      6. GoToWebinar(ゴートゥーウェビナー)
      7. Livestream(ライブストリーム)
      8. Instant Teleseminar(インスタントテレセミナー)
    2. ライブウェビナーの最後におこなうQ&Aコーナー
      1. フランク・カーンのライブウェビナー(Q&Aコーナー)
      2. アンディー・ジェンキンスのライブウェビナー(Q&Aコーナー)
      3. マイク・ケーニグスのウェブキャスト(Q&Aコーナー)
    3. 販売協力してくれるアフィリエイターごとに(JVパートナーごとに)ウェビナーで話す内容を変える
    4. 「ウェブキャスト」 - インターネットマーケティングの「24時間テレビ」
      1. ジェフ・ウォーカーが開催した「ウェブキャスト」
      2. アンディー・ジェンキンスが開催した「ウェブキャスト」
      3. マイク・ケーニグスが開催した「ウェブキャスト」
      4. ザック・ジョンソンが開催した「ウェブキャスト」
  15. (参考)エバーグリーンウェビナーの手法に関する参考資料について
  16. (参考)「エバーグリーンウェビナーマーケティング」という名称について
  17. おわりに

エバーグリーンウェビナーって、要するに何なの?

オプトイン登録からウェビナー(商品販売)までの流れ

下の図は、エバーグリーンウェビナーの販売の流れの全体像です。

続きを読む

  1. (ウェビナーとは(webinarとは)、ウェブブラウザをとおしてウェブページ上で開催されるウェブセミナー(web seminar)の略です。一般的には、そのとき撮影している映像をリアルタイムに配信する生放送のかたちで配信されます。生放送であることを表現する場合は「ライブウェビナー」と呼ばれることもあります。) [↩ Back]
  2. (「エバーグリーンイベントドリブンマーケティング」(EEDM、Evergreen Event-Driven Marketing)は、「イベントドリブンマーケティング」(EDM、Event-Driven Marketing)と呼ばれることもあります。) [↩ Back]
  3. (正確には、「ウェビナーを自動化して継続的に売上げをあげ続ける手法」に該当するのは、「エバーグリーンプロダクトローンチ」の手法を構成する2つの手法のうちの、「ローリングローンチ」という手法です。ですが、ここでは話をわかりやすくするために、あえて、「エバーグリーンプロダクトローンチ」という言葉をつかっています。) [↩ Back]
  4. (「エバーグリーンプロダクトローンチ」(EPL、Evergreen Product Launch)は、「エバーグリーンローンチ」(Evergreen Launch)や、「エバーグリーンプロダクトローンチフォーミュラ」(Evergreen Product Launch Formula)と呼ばれることもあります。) [↩ Back]

YouTube動画の一時停止ができないようにする仕組み (Chromeless Player(クロムレスプレーヤー)(JavaScriptプレーヤーAPI))

ここでは、「YouTube動画の一時停止ができないようにする」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。(「Chromeless Player」(クロムレスプレーヤー)と「JavaScriptプレーヤーAPI」を利用します。動画プレーヤーはFlash形式になります。)

下は、この仕組みの実例です。YouTube動画を再生しはじめると、画面をクリックして一時停止にしようとしても動画を止めることはできません。(コントロールバーは非表示なので、一時停止ボタンを押すことはできません。)

これによって、「動画を見はじめたら最後まで見るしかなくなる」という仕組みをつくることができます。ページを再読み込みすれば動画の再生は止まりますが、そうすると、つぎに動画を見るときは、またいちばん最初から見なおさなければならなくなります。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード(HTML、JavaScript、CSS)を見ることができます。

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
左端のロゴマーク: ソースコードと実行画面を左右に表示。
「Readme」タブ: この仕組みの概要や著作権についての情報。
「HTML」タブ: この仕組みのソースコード(HTML、JavaScript、CSS)。
「Play/Stop」ボタン: ソースコードの実行/停止。
右端の黒いボタン: 全画面表示。

ソースコードのダウンロードは、こちらをクリックGitHubのリポジトリ

動画マーケティングに応用する方法

セールスレターや、オプトインページなどで、途中で動画の再生を止めずに、動画の内容をいっきにすべて見てほしいという場合に、この仕組みをつかうといいでしょう。

誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む

YouTube動画の再生終了後にリダイレクトで別のページに自動的に移動させる仕組み (IFrameプレーヤーAPI(JavaScript))

ここでは、「YouTube動画の再生終了後にリダイレクトで別のページに自動的に移動させる」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。

下は、この仕組みの実例です。YouTube動画を最後まで再生すると、それと同時にリダイレクトで別のページに飛ばされます。(話をわかりやすくするために、動画は50秒ほどの短いものにしています。)

これによって、「動画を最後まで見た人をあらかじめ設定しておいたページに自動的に移動させることができる」という仕組みをつくることができます。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード(HTML、JavaScript、CSS)を見ることができます。

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
左端のロゴマーク: ソースコードと実行画面を左右に表示。
「Readme」タブ: この仕組みの概要や著作権についての情報。
「HTML」タブ: この仕組みのソースコード(HTML、JavaScript、CSS)。
「Play/Stop」ボタン: ソースコードの実行/停止。
右端の黒いボタン: 全画面表示。

ソースコードのダウンロードは、こちらをクリックGitHubのリポジトリ

動画マーケティングに応用する方法

動画を最後まで見た後、視聴者の操作を待たずにリダイレクトで自動的に、セールスレターや、オプトインページなどに移動させたいという場合に、この仕組みをつかうといいでしょう。

誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む

YouTube動画の一時停止ができないようにする仕組み (IFrameプレーヤーAPI(JavaScript))

ここでは、「YouTube動画の一時停止ができないようにする」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。

下は、この仕組みの実例です。YouTube動画を再生しはじめると、画面をクリックして一時停止にしようとしても動画を止めることはできません。(コントロールバーは非表示にしているので、一時停止ボタンを押すことはできません。)

これによって、「動画を見はじめたら最後まで見るしかなくなる」という仕組みをつくることができます。ページを再読み込みすれば動画の再生は止まりますが、そうすると、つぎに動画を見るときは、またいちばん最初から見なおさなければならなくなります。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード(HTML、JavaScript、CSS)を見ることができます。

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
左端のロゴマーク: ソースコードと実行画面を左右に表示。
「Readme」タブ: この仕組みの概要や著作権についての情報。
「HTML」タブ: この仕組みのソースコード(HTML、JavaScript、CSS)。
「Play/Stop」ボタン: ソースコードの実行/停止。
右端の黒いボタン: 全画面表示。

ソースコードのダウンロードは、こちらをクリックGitHubのリポジトリ

動画マーケティングに応用する方法

セールスレターや、オプトインページなどで、途中で動画の再生を止めずに、動画の内容をいっきにすべて見てほしいという場合に、この仕組みをつかうといいでしょう。

誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む

YouTube動画と連動してあらかじめ設定した時間になると購入ボタンが表示される仕組み (HTML、IFrameプレーヤーAPI(JavaScript)、CSS)

ここでは、「YouTube動画と連動して、あらかじめ設定した時間になると購入ボタンが表示される」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。

下は、この仕組みの実例です。YouTube動画を再生しはじめてから、一定時間(20秒)が経過すると、動画の下に購入ボタンが表示されるように設定しています。

途中で一時停止すると、カウントダウンタイマーも一時停止します。もう一度再生をはじめると、カウントダウンタイマーも動き出します。これによって、「指定した時間まで動画が再生されたときだけ、購入ボタンを表示させる」という仕組みを実現することができます。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード(HTML、JavaScript、CSS)を見ることができます。

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
左端のロゴマーク: ソースコードと実行画面を左右に表示。
「Readme」タブ: この仕組みの概要や著作権についての情報。
「HTML」タブ: この仕組みのソースコード(HTML、JavaScript、CSS)。
「Play/Stop」ボタン: ソースコードの実行/停止。
右端の黒いボタン: 全画面表示。

ソースコードのダウンロードは、こちらをクリックGitHubのリポジトリ

動画マーケティングに応用する方法

この仕組みは、「YouTube動画と連動して、あらかじめ設定した時間になると購入ボタンが表示される」という仕組みです。

わかりやすくいうと、「動画の内容をちゃんと見た人だけつぎのステップに進める」という仕組みです。

動画セールスレターや、オプトインページなどでこの仕組みをつかうと、効果的です。

もし、動画の下にはじめから購入ボタンがついていたら、それを見た人は「この動画は売り込みのための動画だ!」とおもって、抵抗感がうまれてしまいます。

これでは、提案を受け入れてもらいにくくなってしまいます。

そうではなく、はじめは購入ボタンを表示させないようにしておいて、抵抗感なく動画を見はじめてもらい、動画のなかで興味を引いてから、頃合いを見計らって購入ボタンを表示する。

こうすれば、抵抗感を引き起こさずに、自然な流れで提案をおこなうことができるので、提案を受け入れてもらえる確率があがります。

その結果として、成約率やオプトイン率が上がるでしょう。

また、このカウントダウンタイマーは、YouTube動画の一時停止/再生と連動して動きます。なので、動画を一時停止するとカウントダウンタイマーも一時停止し、もう一度動画の再生をはじめると、カウントダウンタイマーも動き出します。

これによって、「指定した時間まで動画が再生されたときだけ、購入ボタンを表示させる」という仕組みを実現することができます。

僕が知るかぎり、このような仕組みはこれまで有料のツールでしか実現できませんでした。

それが、今や、完全に無料で誰でも自由につかうことができるようになりました。

科学の勝利ですね(笑)。

あと、誰でもかんたんにつかえるようにするために、設定項目もできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む

YouTube動画の22のパラメータまとめ+αと埋め込みコードの実例

ここでは、YouTube動画の埋め込みプレーヤーの見た目や機能をカスタマイズするための
「パラメータ」という機能の使い方についてお話します。

また、YouTubeの埋め込み動画プレーヤーをつかうときに前提となる、<iframe>タグや、<object>タグ、HTML5形式の動画プレーヤー、Flash形式の動画プレーヤー、クロムレスプレーヤーなどの情報についてもお話します。

さらに、JavaScriptやActionScriptをつかって動画プレーヤーを自由に制御することができるAPIについてもお話します。

「パラメータ」をつかうと、どんなことができるの?

まず、「パラメータ」をつかってどんなことができるのかを知るために、下の実例を見てください。

実例1: 自動的に再生をはじめ、操作は一時停止しかできない

下の動画は、「パラメータ」をつかってつぎのような設定にしています。

(下の動画は、音声無しの動画にしています。これは、この動画は自動的に再生されるように設定しているため、このページを読み込んだときに自動的に音が出ると不都合なことがあるかもしれないということを考慮してのことです。)

この動画の埋め込みコード

<iframe width="560" height="315" src="https://www.youtube.com/embed/OW37a07RMTs?controls=0&showinfo=0&autoplay=1&rel=0" frameborder="0" allowfullscreen></iframe>

▲ もくじへもどる

YouTubeマスターになっちゃうぜ学園: カリキュラム一覧表

実例2: コントロールバーを自動的に隠す

下の動画は、「パラメータ」をつかってつぎのような設定にしています。

この動画の埋め込みコード

<iframe width="560" height="315" src="https://www.youtube.com/embed/tQroTplYWqg?rel=0&modestbranding=0&showinfo=0&fs=0&controls=1&autohide=1" frameborder="0" allowfullscreen></iframe>

▲ もくじへもどる

YouTubeマスターになっちゃうぜ学園: カリキュラム一覧表

実例3: 複数の動画を連続して再生させ、それを繰り返す

下の動画は、「パラメータ」をつかってつぎのような設定にしています。

この動画の埋め込みコード

<iframe width="560" height="315" src="https://www.youtube.com/embed/ZMdkZeCzj44?playlist=tQroTplYWqg,mSRDQ8Sja3I&loop=1" frameborder="0" allowfullscreen></iframe>

▲ もくじへもどる

YouTubeマスターになっちゃうぜ学園: カリキュラム一覧表

実例4: 一部分だけを再生する

下の動画は、「パラメータ」をつかってつぎのような設定にしています。

この動画の埋め込みコード

<iframe width="560" height="315" src="https://www.youtube.com/embed/tQroTplYWqg?start=14&end=28&controls=1&autohide=0" frameborder="0" allowfullscreen></iframe>

これ以降では、まず、YouTubeの埋め込み動画プレーヤーをつかううえでの基本となる、<iframe>タグや、<object>タグ、HTML5形式の動画プレーヤー、Flash形式の動画プレーヤー、クロムレスプレーヤーなどの情報についてお話します。

各種の「パラメータ」についての説明は、それらの基本情報のあとに掲載しています。

もし、「すぐにパラメータの情報が知りたい」という場合や、「基本はすでに知っているという場合」には、それらの基本情報の話を飛ばして、「パラメータ」について話しているところから見ていってください。

▲ もくじへもどる

YouTubeマスターになっちゃうぜ学園: カリキュラム一覧表

目次
  1. 「パラメータ」をつかうと、どんなことができるの?
    1. 実例1: 自動的に再生をはじめ、操作は一時停止しかできない
    2. 実例2: コントロールバーを自動的に隠す
    3. 実例3: 複数の動画を連続して再生させ、それを繰り返す
    4. 実例4: 一部分だけを再生する
  2. 埋め込み動画プレーヤーの2つの種類 - 埋め込みプレーヤー(標準)とクロムレスプレーヤー
    1. 埋め込みプレーヤー(標準)
    2. クロムレスプレーヤー(chromeless player)
  3. 埋め込みコードのHTMLタグの2つの種類 - <iframe>タグと<object>タグ
    1. HTML5形式の埋め込み動画プレーヤー
    2. Flash形式の埋め込み動画プレーヤー - 「Flash(AS3)プレーヤー」
    3. <iframe>タグ(HTML5形式 & Flash形式)
      1. <iframe>タグ(HTML5形式の動画プレーヤーの場合)
      2. <iframe>タグ(Flash形式の動画プレーヤー(「Flash(AS3)プレーヤー」)の場合)
    4. <object>タグ(Flash形式の動画プレーヤー(「Flash(AS3)プレーヤー」))
  4. 「パラメータ」
    1. 再生後に表示される「関連動画」を非表示にする - 「rel」(リレイテッドビデオ)
      1. 「rel=0」(「関連動画」を非表示にする)
      2. 「rel=1」(「関連動画」を表示する)
    2. コントロールバーのYouTubeロゴを非表示にする - 「modestbranding」(モデストブランディング)
      1. 「modestbranding=1」(コントロールバーのYouTubeロゴを非表示にする)
      2. 「modestbranding=0」(コントロールバーのYouTubeロゴを表示する)
    3. 自動的に再生を始める - 「autoplay」(オートプレイ)
    4. 繰り返し再生させる - 「loop」(ループ)
      1. 通常の動画プレーヤーで「loop」をつかう場合
      2. 「再生リスト」の動画プレーヤーで「loop」をつかう場合
        1. Flash形式(<object>タグ)の「再生リスト」の動画プレーヤーで「loop」をつかう場合
        2. HTML5形式(<iframe>タグ)の「再生リスト」の動画プレーヤーで「loop」をつかう場合
    5. コントロールバーを非表示にする/表示する - 「controls」(コントロールズ)
      1. 「controls=0」(コントロールバーを非表示にする)
      2. 「controls=1」(コントロールバーを表示する)(「Flash(AS3)プレーヤー」形式)
      3. 「controls=2」(コントロールバーを表示する & パフォーマンス向上)(「Flash(AS3)プレーヤー」形式)
    6. コントロールバーとプログレスバー(シークバー)を隠す/常に表示させる - 「autohide」(オートハイド)
      1. 「autohide=1」(コントロールバーとプログレスバー(シークバー)が隠れる)
        1. コントロールバーとプログレスバー(シークバー)を完全に非表示にする
      2. 「autohide=0」(コントロールバーとプログレスバー(シークバー)を表示させ続ける)
      3. 「autohide=2」(プログレスバー(シークバー)が目立たないようになる)
    7. 全画面表示ボタンを非表示にする - 「fs」(フルスクリーン)
      1. 「fs=0」(全画面表示ボタンを非表示にする)
      2. 「fs=1」(全画面表示ボタンを表示する)
      3. 「fs」をHTML5形式の動画プレーヤーでつかう
        1. 「fs=0」(全画面表示ボタンを非表示にする)(HTML5形式の動画プレーヤーの場合)
        2. 「fs=0」(全画面表示ボタンを非表示にする & 全画面表示ができないようにする)(HTML5形式の動画プレーヤーの場合)
    8. タイトルバーを非表示にする - 「showinfo」(ショウインフォ)
      1. 「showinfo=0」(タイトルバーを非表示にする)
      2. 「showinfo=1」(「再生リスト」のサムネイルを表示させる)(「再生リスト」の動画プレーヤーの場合)
      3. (参考)「showinfo」を明示的に設定しない場合(「再生リスト」のサムネイルを表示しない)(「再生リスト」の動画プレーヤーの場合)
    9. 最初から高画質/低画質で再生する - 「vq」(ビデオクオリティー)
      1. 「vq=hd1080」: 画質1080p(HD画質(高精細度))
      2. 「vq=hd720」: 画質720p(HD画質(高精細度))
      3. 「vq=large」: 画質480p
      4. 「vq=medium」: 画質360p
      5. 「vq=small」: 画質240p
    10. 再生を開始する位置を指定する – 「start」(スタート)
    11. 再生を終了する位置を指定する – 「end」(エンド)
    12. 「再生リスト」、公開動画リスト、動画検索結果リストを動画プレーヤーとして埋め込む - 「listType」(リストタイプ)&「list」(リスト)
      1. HTML5形式の動画プレーヤー(<iframe>タグ)をつかった「再生リスト」の動画プレーヤー
      2. Flash形式の動画プレーヤー(<object>タグ)をつかった「再生リスト」の動画プレーヤー
        1. (参考)「showinfo=1」に設定した場合(「再生リスト」のサムネイルを表示させる)
      3. 特定のユーザーの公開動画のリスト(「アップロード動画」)を動画プレーヤーとして埋め込む
        1. (参考)「showinfo=1」に設定した場合(「アップロード動画」のリストのサムネイルを表示させる)
      4. YouTube動画検索の検索結果の動画のリストを動画プレーヤーとして埋め込む
        1. (参考)「showinfo=1」に設定した場合(動画検索結果のリストのサムネイルを表示させる)
    13. 複数の動画から「再生リスト」をつくって動画プレーヤーとして埋め込む - 「playlist」(プレイリスト)
      1. 「playlist」をつかった「再生リスト」の動画プレーヤー(HTML5形式)
      2. 「playlist」をつかった「再生リスト」の動画プレーヤー(「Flash(AS3)プレーヤー」形式)、「showinfo=1」に設定した場合(「再生リスト」のサムネイルを表示させる)
    14. コントロールバーとプログレスバー(シークバー)の色を変える - 「theme」(テーマ)&「color」(カラー)
      1. 「theme=dark」「color=red」: コントロールバー黒色、プログレスバー(シークバー)赤色
      2. 「theme=dark」「color=white」: コントロールバー黒色、プログレスバー(シークバー)白色
      3. 「theme=light」「color=red」: コントロールバー灰色、プログレスバー(シークバー)赤色
      4. 「theme=light」「color=white」: コントロールバー灰色、プログレスバー(シークバー)白色
    15. 「アノテーション」を非表示にする/表示する – 「iv_load_policy」(ivロードポリシー)
      1. 「iv_load_policy=1」(「アノテーション」表示)
      2. 「iv_load_policy=3」(「アノテーション」非表示)
    16. キーボードからの操作を無効にする – 「disablekb」(ディスエイブルキーボード)
      1. 「disablekb=1」(キーボード操作無効)
      2. 「disablekb=0」(キーボード操作有効)
    17. 字幕を表示させる – 「cc_load_policy」(クローズドキャプションポリシー)
      1. 「cc_load_policy=1」(字幕を表示)
      2. 「cc_load_policy」のパラメータを設定していない場合
    18. 「JavaScriptプレーヤーAPI」関連のパラメータ – 「enablejsapi」(イネイブル JS API)&「playerapiid」(プレーヤーAPI ID)&「origin」(オリジン)
      1. 「enablejsapi」(イネイブル JS API)
      2. 「playerapiid」(プレーヤーAPI ID)
      3. 「origin」(オリジン)
    19. (参考)全画面表示ができないようにする - 「allowfullscreen」(アラウフルスクリーン)
      1. 「allowfullscreen」無し(全画面表示ができないようにする)
      2. 「allowfullscreen」有り(全画面表示ができるようにする)
    20. (参考)周囲に枠線をつける - 「frameborder」(フレームボーダー)
      1. 「frameborder="1"」(周囲に枠線をつける)
      2. 「frameborder="0"」(周囲に枠線をつけない)
  5. (参考)非推奨(廃止予定)のパラメータ(「Flash(AS2)プレーヤーAPI」限定)
  6. 動画プレーヤーを制御するための3つのAPI
    1. 「IFrameプレーヤーAPI」
    2. 「Flash(AS3)プレーヤーAPI」
    3. 「JavaScriptプレーヤーAPI」
  7. 参考サイト、YouTube公式ヘルプページ
    1. 「YouTube埋め込み動画プレーヤーのパラメータ」関連
    2. 「YouTubeプレーヤーAPI」関連
      1. 「IFrameプレーヤーAPI」のリファレンス
      2. 「Flash(AS3)プレーヤーAPI」のリファレンス
      3. 「JavaScriptプレーヤーAPI」のリファレンス
    3. YouTube埋め込み動画プレーヤーの作成ツール/デモ
    4. その他
  8. おもしろい組み合わせ方を思いついたら、ぜひ教えてください
    1. YouTube APIについての関連記事
    2. YouTubeのうまい使い方についての関連記事

続きを読む

【限定20人】 世界を股にかけて活躍できるマーケティング動画制作スキル

(真剣に動画マーケティングを考えている人は
とりあえず、今すぐに下のURLの動画を見てください。
次に見るときは、募集が終わっているかもしれません。)
http://bit.ly/Qsjk0m

イヴァン・オリヴェイラ(Ivan Oliveira)

どうも、倉田です。

・ロバート・キヨサキ氏の大規模セミナーの集客用の動画制作

や、

・1億5000万円もの売上を叩き出したマーケティング動画の制作

などをおこなってきた、世界的な動画マーケティング制作の権威が
もうすぐ日本にやってきてセミナーをおこないます。

その名は、イヴァン・オリヴェイラ。

彼のこれまでの実績の一部をご紹介すると、 続きを読む

アンソニーロビンズも認めた「動画マーケティングの女王」の秘密

どうも、倉田です。

ちょっと下の数字を見てみてください。

ソーシャルメディアをマーケティングに活用している人なら
この数字がいかにすごいかがわかるとおもいます。

(2015年1月時点のデータ)
 ・YouTubeチャンネルの登録者数14万6000人以上
 ・YouTube動画の視聴回数: 累計1157万1300回以上
 ・Facebookページのファン: 24万8200人以上
 ・Twitterのフォロワー: 12万6000人以上

(参考)
2012年8月の過去のデータ
・YouTubeチャンネル登録者数: 1万2500人以上
・YouTube動画の視聴回数: 累計142万6000回以上
・Facebookページの「いいね!」: 3万3000人以上
・Twitterのフォロワー: 4万1000人以上

もしも、あなたがこのようにたくさんのファンを
集めることができたとしたら、どんなことが起こるでしょうか?

これだけの数のファンを集めることができれば、
たくさんの人があなたに興味をもっている状態になり、
クチコミは起こりやすく、かんたんに集客ができ、
なにか商品を紹介するだけで大きな売上があがるでしょう。

これは、実際にある女性マーケッターが
ソーシャルメディア上で集めたファンの総数なのですが、
注目すべきは、現在すでに膨大な数のファンが集まっている
という点だけではありません。

それよりも重要なのは、 続きを読む

全世界で100万人が読んだマニフェストが完全版で日本上陸!

リッチ・シェフレンが語る
「仕事量を減らし、労働時間を短くしながら、利益を増やしていく方法」についての
2時間のセミナー映像のDVDが付いた
2,980円の『インターネットビジネスマニフェスト』の完全版の日本語本が
今だけほぼ無料で配布されています。


『ザ・ローンチ(世界一効率的に億万長者になる方法)』著者:ジェフ・ウォーカー

『ザ・ローンチ (世界一効率的に億万長者になる方法)』
著者:ジェフ・ウォーカー


専業主夫が、たった7日で1000万円以上の売上を達成し、
「1日1億円の売上」を常識にした販売手法を、あなたにも。


メルマガ登録
メールマガジンへのご登録は、こちらからどうぞ
PR

このページの先頭へ