任意のソースからビデオコードを埋め込む方法
公開: 2022-05-14動画埋め込みコードは、動画のデータ（URL、サイズ、名前など）を含むコードの文字列です。 これらのコードを使用すると、ブログやランディングページに動画コンテンツを表示できます。 また、ブログとランディングページに動画コンテンツが必要なことは間違いありません。Wistiaの調査によると、動画によってセッション時間が2.6倍になります。
ビデオがスムーズに再生されるように、任意のソースからビデオコードをカスタマイズして埋め込む方法を学ぶ必要があります。 コードを適切に埋め込む方法がわからない場合は、視聴者が視聴または共有できない応答のない動画をホストすることを意味する可能性があります。 これらの3つのステップは、通常の「コピーアンドペースト」アドバイスを超えて、記事に目立つビデオを埋め込む方法を教えます。
1.ビデオをホストする場所を選択します。
各ビデオホスティングサービスには、固有の機能と制約があります。 一部のホスティングプロバイダーは、基本的なツールのみを提供しています。 これらを使用すると、ビデオをホストして配置を選択できます。これは、Webサイトでビデオを配布するだけの場合は十分です。 しかし、他の企業にとって、これらのツールはすべてのニーズに対して不十分である可能性があります。 たとえば、ビデオの再生方法を編集してそのパフォーマンスを追跡する場合、基本的なホスティングサービスでは不十分です。
安価なホスティングプロバイダーは手頃な価格ですが、評判の良いものよりも多くのダウンタイムが発生します。 重要な問題を解決することを約束するビデオを見ることができない読者は、他の場所で答えを探すでしょう。 ラップトップまたはストリーミングサイトからビデオを埋め込むかどうかは関係ありません。目標の達成に役立つツールを備えた評判の良いホスティングプロバイダーを選択することをお勧めします。
あなたの目標はあなたが選ぶホスティングを決定します。 ブランド認知度を高めたい場合は、YouTubeを使用してください。 YouTubeにアップロードし、後でWebサイトに埋め込んだ動画は、YouTubeとGoogleの検索でランク付けされるため、最も幅広い視聴者にリーチできます。
幅広いリーチではなくハイインテントリードに焦点を当てている企業にとって、Wistiaは、ビデオ内のリード生成ツールがあるため、より優れたオプションです。 CTAとフォームを追加して、ビデオプレーヤーから直接潜在的な顧客のリストを作成できます。
2.ビデオの埋め込みコードを見つけます
一部のCMSでは、埋め込みコードなしで動画を埋め込むことができます。 ビデオのURLを貼り付けるだけで、CMSがそれをWebサイトに挿入します。 便利ですが、ビデオとその埋め込みコードを手動で検索することをお勧めします。 コードにアクセスすると、ビデオを好きなように表示できます。
埋め込みコードを完全に制御することで、デバイス間で快適な表示エクスペリエンスを提供できます。 そして、ビデオを見やすくすることは、あなたのページがグーグルでランク付けされるのを助けるために不可欠です。 彼らのWebVitalsは、ページの閲覧がいかに簡単かを測定します。 視聴者がその場所のためにボタンを再生したりクリックしたりするのに苦労している場合、Googleはあなたの記事を降格することができます。
ほとんどのホスティングサービスは、ビデオプレーヤーの共有オプションの下に埋め込みコードを保存します。 コードの情報はホストによって異なりますが、通常、ビデオのサイズ、長さ、およびタイトルに関するデータが表示されます。 ビデオを埋め込む準備ができたら、この情報を編集できます。
3.ビデオの外観と再生方法をカスタマイズします
動画の見た目や再生方法を編集することで、誰かがあなたの動画を見る可能性を高めることができます。 編集されていない埋め込みコードは、記事内で迷子になったり、要点に到達するまでに時間がかかりすぎたりして、視聴回数がゼロになる動画を再生する可能性があります。 いくつかの調整を行うだけで、動画の視聴回数を最大化できます。
外観
誰かがあなたのビデオを見る場合、あなたのビデオプレーヤーのサイズ、色、および配置は影響します。 プレーヤーが小さすぎるか、ほとんど見えない場合、視聴者はあなたのビデオを見逃す可能性があります。 読者にスクロールを停止するように影響を与えるには、ページの他の部分と対照的なビデオプレーヤーの色を選択します。
ページが白い背景を使用し、ビデオプレーヤーが明るい色のサムネイルと再生ボタンを使用しているとします。 その場合、あなたの記事をざっと読んでいる読者はそれを見ることができないかもしれません。 または、再生ボタンが真っ赤になり、動画がページの80％をカバーするように、埋め込みコードを編集するとします。 これらの編集により、視聴者があなたのビデオを見逃しにくくなります。
コードを編集することで、ビデオのサイズとプレーヤーの色を編集できます。 サイズを変更するには、埋め込みコードに移動して、「width=」と「height=」を探します。 Webサイトの画面の大部分をカバーするサイズを選択して、表示できるようにします。 ほとんどの場合、1280ピクセルの幅と720ピクセルの高さで十分です。
インラインスタイルコードは、ビデオプレーヤーとその境界線の色を調整できます。 最初にコードで「iframe」という単語を見つけて、これらの要素を変更します。 このテキストは、別のドキュメントをHTMLファイルに埋め込むコード行です。 次に、style =” border：5pxsolid#AAA;を貼り付けます。 その直後。 「px」の前の数字は境界線の幅を示し、＃状態の後の3文字はHTMLカラーコードで境界線の色を定義します。
プレーヤーの設定
埋め込まれたビデオは、属性とも呼ばれるコードのパラメーターに応じて再生方法が異なります。 コードを編集して、動画を視聴者にとってより便利なものにします。
視聴者に動画の開始をスキップさせたい場合があります。 たぶん、イントロは彼らの問題には役立たず、あなたは彼らに本質的な情報に直接触れてもらいたいのです。 または、おそらくそれは別の聴衆を対象としていますが、誰もが役立つと思うかもしれない情報を持っています。 理由が何であれ、選択したときにいつでもビデオを開始するようにコードを調整できます。
YouTubeの埋め込みオプションを使用すると、コードを何行も記述せずに、動画の開始分を編集できます。 [共有]、[埋め込み]に移動し、[開始]ボックスにチェックマークを付けて、動画を開始する時刻を入力します。 YouTube以外の人は通常、埋め込みオプションで開始時間を設定できます。
もう1つの便利な属性は、ループパラメータです。これにより、ビデオが終了すると、ビデオを繰り返すことができます。 これは、教育ビデオからスキルを学ぶ視聴者に役立ちます。 この利点は、脳が複数回見たり聞いたりする情報を思い出し、保持するのに優れているために発生します。
埋め込みオプションのボックスにチェックマークを付けると、ほとんどのホスティングサービスでビデオをループできます。 YouTubeでホストしている場合は、埋め込みコードの「src=」の後のウェブアドレスを探します。このコード行がソースURLです。
次に、ビデオID（「/ embed /」の後の英数字）を探します。 動画IDの最後の番号の横に「？playlist = [VideoID]＆loop = 1」と入力すると、その時点から、埋め込まれた動画がループします。
Vyond製のビデオをWebサイトに埋め込む
Vyondは、マーケティング、人材育成、学習および開発チームのメンバーが魅力的なビデオを作成するために使用できる直感的なアニメーションソフトウェアです。 これらの動画は、オンボーディング時間を67％短縮し、コンバージョンを同じ割合で増やし、動画の共有を375％増やします。 Vyondのテンプレートを使用すると、ビデオアニメーションの経験に関係なく、誰でもビデオを使用することで多大な利益を得ることができます。
無料トライアルを開始する