The post WordPressで記事内にGIF動画や動画ファイルを埋め込む方法 first appeared on Fukuro Press.
]]>
ブログで物事の手順を分かりやすく伝えたい場合や文章では表現できないようなことを伝えたい場合に有効なのが動画を使って説明することです。
文章では全てを表現することは不可能ですが、動画なら全てとは言わなくても文章と比べてかなり多くのことを読者に伝えることが可能です。
そこでここでは動画をWordPressの記事内に埋め込む方法について解説します。
動画の埋め込み方
Youtubeなどの外部サイトから埋め込むのではなく直接動画を貼り付ける方法は次の２つです。
- 動画ファイルをアップロードして埋め込む方法
- 動画をGIFに変換したGIF動画を貼り付ける方法
この２つの方法について順に解説していきます。
動画ファイルの埋め込み方
最初はwavやmp3などの純粋な動画ファイルをWordPressに貼り付ける方法です。
まず投稿記事の編集画面から「メディアを追加」ボタンを押します。
「メディアを追加」ダイアログが出てくるのでそこから「ファイルをアップロード」タブを選択し(①)、そのあと「ファイルを選択」ボタンを押して(②)埋め込みたい動画をアップロードしてください。
アップロードが完了すると次のようにメディアライブラリに動画が追加されるので「投稿を挿入」ボタンを押すと記事内に動画が挿入されます。
次は実際にこの記事内に埋め込んだ動画です。動画をクリックすると再生します。
Youtubeのように動画プレイヤーが表示され、シークバーで動画をスキップしたり画面を最大化するなどの操作も可能です。
アップロード時の注意点
動画アップロード時に注意しなくてはならないのは動画の種類です。
WordPressでサポートされているアップロード可能な動画ファイル形式は次の通りです。
- Windowsで使われている動画形式
⇒ asf、asx、wax、wmv、wmx、avi
- Appleで使われている動画形式
⇒ mov、qt
- MPEG形式
⇒ mpeg、mpg、mpe、mp4、m4v
- フラッシュ動画形式
⇒ flv
- その他
⇒ divx、ogv、mkv
ほとんどの動画形式はアップロードできますが「3gp」形式の動画ファイルはアップロードできない点に注意してください。
また動画ファイル１つ当たりの最大サイズは30MBまでなのでそれを超える動画はアップロード不可です。
GIF動画の埋め込み方
次は動画などを変換して作ったGIF動画を埋め込む方法を解説します。
まず動画ファイルの埋め込みと同じように投稿記事の編集画面から「メディアを追加」ボタンを押します。
先ほどと同じく「メディアを追加」ダイアログが出てくるのでそこから「ファイルをアップロード」タブを選択し(①)、「ファイルを選択」ボタンを押して(②)埋め込みたい動画をアップロードしてください。
そしてメディアライブラリにアップロードしたGIF動画が追加されるので「投稿に挿入」ボタンを押すと記事内にGIF動画が挿入されます。
すると記事内にGIF動画が挿入されるのですがこの時点では動かないので次の手順で画像サイズをフルサイズに変更してください。
まず挿入されたGIF動画をクリックして表示されるメニューの中からペンマークを選びます。
すると「画像詳細」ダイアログが表示されるのでその中の「サイズ」という項目から次のように「フルサイズ」を選んで「更新」ボタンを押してください。
これでGIF動画が再生されるようになります。以下が実際にこの記事に埋め込んだGIF動画です。
このように特別な設定をしなくても自動でループします。
それぞれの方法のメリット・デメリット
ここでは動画を埋め込む２つの方法を解説しましたが、それぞれに次のようなメリットとデメリットがあります。
動画ファイルを埋め込む場合
この場合のメリットは次のような点です。
- プレイヤーが表示されるので停止やスキップなどができる
- 鮮明な映像を貼り付けることができる
動画ファイルを埋め込んだ場合、乱れのない綺麗な映像が表示出来る上にプレイヤーで一時停止なども可能です。
一方デメリットとして考えられるのは次の点です。
- ファイルサイズが大きいのでサーバー容量を圧迫する
- 読み込みに時間がかかる
- 長時間の動画はアップロードできない
一番の問題はファイルサイズです。動画ファイルはどうしてもファイルサイズがでかくなるので容量の少ないレンタルサーバーなどではアップロードしない方が良いかもしれません。
また30MBまでしかアップロードできないので長時間の動画は埋め込めません。もし長時間動画を埋め込みたいなら次記事で紹介したようにYoutubeから埋め込みコードをコピーして埋め込むという方法もあります。
メリットもありますがどちらかと言えばデメリットの方が大きいので、動画ファイルの直接埋め込みは鮮明に映像を伝える必要がある場合以外が使わない方が良いかもしれません。
GIF動画を埋め込む場合
この方法を使った場合のメリットは次のような点です。
- ファイルサイズが小さいので容量を圧迫しない
- 読み込み時間も速い
- ある程度なら長時間動画も埋め込める
GIF動画のメリットはファイルサイズの小ささです。サイズが小さいのでサーバー容量をあまり圧迫せず速く読み込無ことが可能になります。
一方のデメリットは次のような点です。
- パラパラ漫画のような映像になる
- 画質が少し悪い
そもそもGIF動画は動画ファイルではないので画像を一枚一枚パラパラめくるような表示になります。また画質もあまりよくありません。
ただし物事の手順や結果を伝えるだけならGIF動画でも十分なのでよほどのことがない限りはGIFを使った方が良いと思います。
まとめ
ここでは紹介した２つの方法にはメリット・デメリットがありますが画質の鮮明さというのは動画サイト以外では求められないのでGIF動画を貼り付ける方法で十分だと思います。
もし長時間動画を埋め込みたいなら動画ファイルを直接埋め込むのではなくYoutubeから埋め込むという方法をとりましょう。
以上動画を記事内に埋め込む方法について解説しました。
The post WordPressで記事内にGIF動画や動画ファイルを埋め込む方法 first appeared on Fukuro Press.
]]>The post 動画をGIFに変換してWordPressの記事内に貼り付ける方法 first appeared on Fukuro Press.
]]>
ブログで読者に文章では表現しずらい物事を説明したい場合、動画を使うのが一番分かりやすくて有効な方法です。
そしてWordPressで動画を直接記事内に埋め込むには次の２つの方法があります。
- 動画ファイルを直接埋め込み
- 動画をGIF動画に変換して埋め込み
この２つの方法がありますが、余程のことがない限りはGIF動画を埋め込む方法を使った方が良いです。
そこでここでは動画をGIFに変換して記事内に貼り付ける方法について解説します。
なぜ動画よりGIFの方が良いのか
冒頭で書いたように動画ファイルを直接埋め込むよりGIFを埋め込んだ方がいいのは次のようなメリットがあるからです。
- ファイルサイズが小さいので容量を圧迫しない
- 読み込み時間も速い
- ある程度なら長時間動画も埋め込める
GIFは多くのフレームで構成されている動画ファイルとは違い、パラパラ漫画のように一枚一枚画像を再生しているだけなので容量が小さく、サーバーの負担になりません。
ただしGIF画像は動画ファイルに比べて次のようなデメリットがあるのも事実です。
- フレームレートの低い粗い映像になる
- 画質が少し悪い
このような欠点があるものの物事の説明をするだけなら多少画質が荒くてもGIF動画で十分なので、よほどのことがない限りはGIFを使って動画を貼り付けるのがベストです。
ただしどうしても動画を直接貼り付けたい場合は次の記事で紹介したように動画ファイルを直接埋め込む方法もあります。
動画をGIFに変換する方法
動画をGIFに変換するツールは様々ありますが、ここでは操作方法も分かりやすく簡単に使うことができる「GIFメーカー」というWEBサービスを使って動画をGIFに変換します。
PC・スマホの両方に対応している優れたツールです。
GIFメーカーの使い方
まずブラウザでGIFメーカーにアクセスしてください。トップ画面は次のようになっています。
アクセスして下の方に進むと「動画 or 画像の選択」という項目があるので「ファイルを選択」と書かれた枠のどこかをクリックまたはタッチしてください。
次のようにファイル選択ダイアログが表示されるのでGIFに変換したい動画を選んで「開く」ボタンを押してファイルをアップロードしてください。
アップロードが完了すると「動画の確認 or 画像の並び替え」というタイトルの下に今アップロードした動画が表示されるので正しく表示されているか確認してください。
次に下の方に進むと「画像のサイズ」という項目があるので「小(300px)」「中(600px)」「大(1200px)」の中から画像サイズを選んでください。
この３つから選べるのですが処理能力の低いスマホの場合は「小300px」以外を選ぶとブラウザがフリーズする可能性があります。
なのでもし「小300px」以上のGIF動画を作りたい場合はパソコンから操作してください。
ここまでの設定が終わったら「GIF動画の作成」の下にある「GIFを作成」ボタンを押すと動画をGIFに変換する作業が始まります。
これを押したらしばらく待ってください。
しばらく待ってGIFの作成が完了すると「GIFを作成」ボタンの上に作成されたGIF動画が表示されます。
このGIF動画を保存するにはPCやスマホで次のような操作をしてください。
- PCの場合
画像を右クリックするとメニューが表示されるので、その中から「名前をつけて画像を保存」などのような項目を探してクリックするとGIFを保存できます。
- スマホの場合
画像を長押しするとメニューが出てくるので、その中から「画像をダウンロード」などの項目を見つけてタッチすると画像を保存できます。
以上がGIFメーカーで動画をGIFに変換する手順です。
記事内にGIF動画を貼り付け
最後にWordPressで記事内に動画から変換したGIF動画を貼り付ける方法について紹介します。
まず投稿記事の編集画面を開いて「メディアを追加」ボタンを押します。下の画像のオレンジ色の枠で囲ったボタンがそれです。
次に「メディアを追加」ダイアログが出てくるのでそこから「ファイルをアップロード」タブを選択し(①)、「ファイルを選択」ボタンを押して(②)埋め込みたい動画をアップロードしてください。
そしてメディアライブラリにアップロードしたGIF動画が追加されるので下のオレンジ色の枠で囲った「投稿に挿入」ボタンを押すと記事内にGIF動画が挿入されます。
これでGIF動画が記事内に挿入されるのですが、この時画像サイズが「フルサイズ」になっていないと動画の再生がされません。
なぜフルサイズ以外だと動画が再生されないかというと他のサイズはGIF動画を一枚の画像に変換して作られるのでGIF動画をそのまま縮小して作られたわけではないからです。
なので次の手順で画像サイズをフルサイズに変更してください。
まず挿入されたGIF動画をクリックして表示されるメニューの中からペンマークのボタンをクリックします。
すると「画像詳細」ダイアログが表示されるのでその中の「サイズ」という項目から次のように「フルサイズ」を選んでダイアログ右下にある「更新」ボタンを押してください。
これで動画がフルサイズになります。
次が実際にこの記事内に埋め込んだ動画から変換されたGIF動画です。
このように特別な設定をしなくても自動的にループします。
画質は動画に比べて劣ってしまい、フレームレートも低くなってしまいますが文章メインのブログにおいて高画質でヌルヌルな動画が必要な場面はほとんどないのでこれで十分だと思います。
動画を埋め込むその他の方法
ここでは動画ファイルをGIF動画に変換して貼り付ける方法を紹介しました。
しかしこれ以外にも動画を貼り付ける手段は他にあってそれが次の２つです。
- Youtube動画の埋め込み
- 動画ファイルそのものを埋め込み
この２つの詳しい埋め込み方については次の記事でやり方と使い分け方について解説してあります。
どの方法にもそれぞれ一長一短があるので用途に合わせて適切に使い分けていくのがベストです。
まとめ
ここではGIFメーカーというWebサービスを使って動画をGIFに変換してWordPressの記事内に貼り付ける方法について解説しました。
物事を分かりやすく読者に分かりやすく伝えるには動画というのは一番いい手段ですが、動画ファイルをそのまま埋め込むとサーバー容量を圧迫し、読み込み時間も遅くなってしまうので軽量のGIFを使うことをおススメします。
The post 動画をGIFに変換してWordPressの記事内に貼り付ける方法 first appeared on Fukuro Press.
]]>