こんにちは、ホームページ作成アドバイザーの田中孝一です。
本日もよろしくお願いします。
先日、会員向け動画の公開にYouTubeよりもちょっと高セキュリティで安価な方法について私とお客さんとの会話について公開させていただきました。
この記事で、Googleドライブを利用するとYouTubeよりも共有の機能が少ない分会員向けにはむいているという話でした。
本記事は、自社の会員向けに限定的に動画を安価に公開したい人向けに、具体的なGoogleドライブを利用した手順を解説させていただきます。
Googleドライブを利用してHPで動画を公開するための手順と注意点についてなるべく解りやすく、最短の手順で行えるようにまとめてみましたので是非さんこうにしてみてください。
まずは設置サンプルをご覧ください
http://www.viral-dealer.com/blog/301.html
YouTubeでは表示されてしまっている共有ボタンとYouTubeへのリンクがありません。
かなりHPに埋め込んだ時にすっきりすると思います。
それでは具体的なやり方に入ります。
PCで当ブログをご覧の方は、途中の解説画像はマウスを上に乗せる事で拡大します。
作業の流れ
1、Googleドライブの利用開始
2、Google ドライブを Mac、Windows にインストールする
3、動画ファイルを用意
4、動画ファイルをGoogleドライブへ移動する
5、公開レベル等の変更
6、埋め込みタグの取得
7、HPでの公開
1、Googleドライブの利用開始
2、Google ドライブを Mac、Windows にインストールする
3、動画ファイルを用意
4、動画ファイルをGoogleドライブへ移動する
5、公開レベル等の変更
6、埋め込みタグの取得
7、HPでの公開
1、Googleドライブの利用開始
Googleドライブを利用するにはGoogleアカウントが必要です。
つまり、Gmailを利用しれていればだれでも利用OKという事になります。
まずは、Googleドライブへアクセスして利用を開始して下さい。
https://www.google.com/intl/ja/drive/
2、Google ドライブを Mac、Windows にインストールする
Google ドライブにはWEB版とPC版があり、どちらか一方が変更されると同期されます。
WEB版だけでも可能ですが、PC版の方が動作が軽いため、もし公開する動画ファイルが多数になる場合にはPC版の導入をお勧めします。
Google ドライブのWEB版にアクセスしたら図のように
(1)歯車を押して(2)ドライブをダウンロードするだけです。
インストールは1~2分でできますので下記のGoogle ドライブのヘルプを参考に行ってください。
https://support.google.com/drive/answer/2374989?hl=ja
3、動画ファイルを用意
(1)容量 5テラまでのファイル
5テラとなっていますが、そこまであれば一般的な利用には十分すぎるくらいです。
例えば、一般的にスマホの中くらいのクオリティで動画を60分撮影した場合10ギガ程度になります。これは5テラの500分の1程度なので全然余裕があります。
(2)ファイル形式
最近のビデオカメラやスマホやiphoneで撮影した動画はそのままアップして使えます。
拡張子
WebM ファイル(Vp8 動画コーデック、Vorbis オーディオ コーデック)
.MPEG4、3GPP、MOV ファイル(h264 動画コーデック、mpeg4 動画コーデック、AAC オーディオ コーデック)
.AVI(MJPEG 動画コーデック、PCM オーディオ)
.MPEGPS(MPEG2 動画コーデック、MP2 オーディオ)
.WMV
.FLV(Adobe - FLV1 動画コーデック、MP3 オーディオ)
.MTS
4、動画ファイルをGoogleドライブへ移動する
(1)PCのGoogleドライブを起動しますとGoogleドライブとリンクしたエクスプローラーが開きます。
(2)PCに取り込んだ動画をGoogleドライブへ移動します。
この際、フォルダなどに分けて動画を整理する事が出来ます。
5、公開レベルの変更
(1)公開したい動画の上で右クリックし
Googleドライブの共有を選択します。
(2)共有可能なリンクを押します。
(3)リンクを知っている全員が閲覧可の状態になります。
これで公開の準備が整いました。
6、埋め込みタグの取得
(1)公開したい動画の上で右クリックし
Googleドライブの「ウェブで表示」を選択します。
(2)ブラウザが起動しますので一番上のメニューの「:」部分をクリックしアイテムを埋め込むを選択します。
(3)埋め込みタグが取得出来ます。
7、HPでの公開
(1)埋め込みタグをお使いのHPに埋め込んで終了です。
動作サンプル
http://www.viral-dealer.com/blog/301.html
是非挑戦してみてください。
今回の記事を気に入っていただけた方は読者登録へ!