アフィリエイト広告を利用しています

2024年07月30日

Googleドライブの動画をブログに貼りつける

スマホを使って動画を撮っている人も多いと思います、他の人にも見てもらいたい場合はどうされていますか?

ブログサービスではYouTubeにリンクして、動画を公開する場合が多いと思いますが、今回はGoogleドライブに入っている動画を自分のブログに貼り付けてみたいと思います。

PR 動画編集スクール【クリエイターズジャパン】


Googleドライブにある動画の設定を変更

Googleドライブはグーグルのアカウントがあれば、どなたでも15GBまで無料でストレージを利用出来ます、もしアカウントがなければ登録しておきましょう。

ファイルの保存は、Googleドライブを開き、適当な場所にドラッグ&ドロップで動画をPCからアップロードします。

アップロードした動画(今回は「hanabi.mp4」を使います)を右クリックで「共有右矢印1️「共有」をクリックします。

google-d1.png


一般的なアクセス」の設定を「制限付き」から「リンクを知っている全員」のほうにチェックを入れます。
google-d2.png


次に、右上のギアマークの「設定」をクリックし、「編集者は権限を変更して共有できます」と「閲覧者と閲覧者(コメント可)に、ダウンロード、印刷、コピーの項目を表示する」のチェックを外しておきます

左矢印をクリックして元の画面に戻り、右下にある「完了」をクリックして設定変更は終わりです。

google-d3.png


Googleドライブから埋め込み用のタグを取得

ドライブ内の動画をダブルクリックで開と再生が始まるので、一時停止しておきます。
右上の「その他の操作(点が縦に3つ並んだ部分)」をクリックし、「新しいウィンドウで開く」をクリックします。

google-d4.png


新しいウィンドウが開くので、もう一度右上の「その他の操作」から「アイテムを埋め込む」をクリックします。

google-d5.png


埋め込み用のHTMLタグが表示されるので、コードをすべてコピーします。(添付画像では、タグの一部を消しています)

google-d7.png


取得したタグをブログに貼り付けます、HTMLのタグなのでテキスト編集のままで貼り付けてもはタグが表示されて動画は表示されません
ブログの仕様によって違いますが、HTMLで編集できる状態にしてタグを貼り付けてください。

サンプルで使った花火の動画です、画像のみで音声は入っていません。



まとめ

これでGoogleドライブに入っている動画を動画を自分のブログに貼り付けることが出来ました、同じような手順を使えば他の場所にある画像も貼り付けることが出来るようになります。

HTMLやCSSの勉強を少しすれば、ブログを運営するための知識を増やすことが出来ます。
そんなに難しい作業ではないので、始めて見てはいかがでしょうか・・・

PR 

HTML/CSSの絵本 Webコンテンツ作りの基本がわかる新しい9つの扉 [ 株式会社アンク ]



にほんブログ村 小遣いブログ ブログアフィリエイトへ
にほんブログ村
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/12646798
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
ファン
プロフィール
Wachaさんの画像
Wacha
ファンブログを始めました、Wachaが気になるものを紹介したり、雑多な記事を掲載予定です。 使い方がよくわかっていませんが、これからよろしくお願いします。
プロフィール
検索
最新記事
<< 2024年08月 >>
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

PR

利用規約
最新コメント
月別アーカイブ