Youtube、Vimeo、その他のストリーミング サイトからビデオを埋め込みたい場合は非常に簡単ですが、Google ドライブの場合はどうでしょうか?はい、これはストリーミング プラットフォームではなくクラウド ドライブですが、Google ドライブから WordPress やその他の Web サイト、または Blogspot や Medium などのブログ プラットフォームにビデオをアップロードして埋め込むことはできます。このステップバイステップのチュートリアルでは、その方法を説明します。
Google ドライブからビデオを埋め込む方法は 2 つあります。1 つは iFrame を使用する方法、もう 1 つは iFrame を使用しない方法です。両方についてお知らせします。
#方法 1: iFrame を使用して Google ドライブのビデオを埋め込みます。
- を開きますGoogleドライブ
- アップロードするビデオファイルWordPress または他の場所に埋め込みたいもの。すでに Google ドライブにビデオがある場合。あとはそれを選択するだけです。
- ダブルクリックビデオをクリックして再生します。
- ビデオの右上に、次のように表示されます。3つの点それらをクリックしてください。
- 選択新しいウィンドウで開くドロップダウンからオプションを選択します。
- 再び Google ドライブのビデオが表示されます。今度は、3つの点右側上部に記載されています。
- ドロップダウン メニューから選択しますアイテムを埋め込むオプション。
- のiframeコードあなたのビデオが表示されます。
- をコピーしますiframe コードを埋め込むそしてあなたのところへ行ってくださいワードプレスブログ。
- を選択します。テキストエリア希望する投稿のGoogleドライブのビデオを埋め込む。
- iframe コードを貼り付けますをクリックして、ビジュアルタブポストの。
- ビデオは正常に埋め込まれました今ならできます公開それ。
#方法 2: iFrame を使用しない
iframe コードを使用せずに Google ドライブのビデオを埋め込むには、上記のチュートリアルで取得したビデオのプレビュー リンクをコピーする必要があります。
例えば、私たちの場合、上記の方法に従って、以下の iframe コードを取得しました。
<iframe src="https://drive.google.com/file/d/1B8pOh9FyO9w4-nmdb78k6y5ekIp7E1B1/preview" width="640" height="480"></iframe>
同様に、iframe コードも取得します。ここで、ドライブ以下のオブジェクト コードにリンクして使用します。
<object width="420" height="315" data="past-link">
次のようになります。
<object width="420" height="315" data="https://drive.google.com/file/d/1B8pOh9FyO9w4-nmdb78k6y5ekIp7E1B1/preview">
上記のコードで指定された幅と高さの値を使用して、埋め込みビデオのサイズを増減できます。
Googleドライブビデオを埋め込んだ後、再生されない場合は、ビデオを右クリックして選択してくださいコピーを作成するGoogleドライブで提供されるオプション。 Google ドライブが処理できるようになるまで、しばらく待ちます。オリジナルのものを使用する代わりに、同じものをコピーして記事に埋め込みます。
ビデオチュートリアル:
その他のチュートリアル:
