画面を動画キャプチャし、WordPress.com に動画を貼る方法 (私家版)

このブログでは、ところどころに動画を貼っています。

貼り付けている動画の種類は、

  • VideoPress
  • YouTube

の2つです。

YouTube だとこんな感じ。

VideoPress だとこんな感じです。


VideoPress は WordPress.com の有料サービスで YouTube は無料です。ですので、まだ、無料の WordPress.com を使っている場合は、YouTube を使えばいいと思います。

画面を動画でキャプチャする

まずは動画を撮る必要がありますが、ここでは、mac の画面を動画でキャプチャすることに限定して話します。

私自身がやっている方法は、ほぼ、以下の記事のとおりです。

大きく分けて、

  • mac 内の音入りで動画をキャプチャする
  • mac 内の音 + マイクの音声入りで動画をキャプチャする

の2種類の方法があります。このブログでは、ほとんどがマイクでの音声なしでの動画になっていますが、一応、音声も入れられるようにはしています。

基本的な操作・設定方法については上記の記事へ丸投げ譲ることとして、ここではややマニアック・細かい点に絞って覚書きしたいと思います。

QuickTime Player の録画停止ボタンが隠れてしまう場合の措置

QuickTime Player で画面上を録画するわけですが、録画を終了する際には上のバーの以下のボタンをクリックする必要があります。

2015-03-25 at 11.22

しかし、作業環境によってはアプリのメニュー等で隠れてしまうことがあります。私自身の環境もそういうことになってしまっています。対処法はいくつかあると思うのですが、私自身は「AccessMenuBarApps」というアプリを使って対処しています。このアプリを使うとショートカットキーで上のバーに常駐しているアイコンをすべて見れるようにすることができます。

キャプチャした動画を一旦、mac に保存する

Quicktime Player でキャプチャした動画を一旦、mac へ保存しますが、私自身は「書き出し」というところで保存しています。なお、これが最適な方法なのかどうかはわかりません。

2015-03-25 at 11.33

comemoarrow

2015-03-25 at 11.37

というのは、通常の「保存」を使うと、拡張子が「mov」となり、これだと WordPress.com へのアップロードがうまくいかない (ことがある?) からです。

2015-03-25 at 11.35

上記の「書き出し」から保存すると、拡張子が「m4v」となり、

2015-03-25 at 11.39

これだと WordPress.com へのアップロードがだいたいうまくいきます (経験則)。

 

WordPress.com へ動画をアップロードする

QuickTime Player で録画した動画を WordPress.com へアップロードします。

動画をアップロードするブログをひとつ以上確保する

私自身の場合はビジネスプランのブログの方にアップロードして、そこで取得した動画のショートコードを他の WordPress.com のブログへ貼り付けて使っています。

つまり、VideoPress を使うには、複数持っているブログ・サイトのうち、少なくともひとつだけアップグレードしておけばいい、ということです。

他のアップグレードサービスは、たしかブログ・サイト毎になっていると思うので、このあたりは他のサービスと動画サービスの異なる点かと思います。

動画を WordPress.com へアップロードする

メディア → 新規追加」の画面にドラッグ&ドロップで動画をアップロードできます。

2015-03-25 at 11.48

アップロードが終了したら、「編集」をクリックし、以下の画面に移り、ショートコードをコピペします。

2015-03-25 at 11.52

 

記事へ VideoPress を貼る

VideoPress のショートコードを記事へ貼ります。

2015-03-25 at 11.55

「w=300」等で幅、「h=500」等で高さの調整、「autoplay=true」で自動再生させることができます。

VideoPress の再生状況を確認する

WordPress.com の統計情報機能で VideoPress の再生状況を確認することができます。

2015-03-25 at 12.06

 

参考

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。