【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】 WEBツール

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】


【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

こんにちは、ライターのYUKIです!

 

この記事をご覧のあなたは ロリポップ勢 ですね?

安い速い便利、まるでサーバー界の吉野家ことロリポップ様。

この記事もロリポップサーバーを利用して表示しています。

 

そんなロリポップ様の最大の欠点は何でしょうか。

それはアップロードできるファイルサイズの最大値が

2GBしかないということです!

 

「2GB以上のファイルなんてアップロードしないでしょ」

私も以前はそう思ってました。

 

しかし大容量の動画をアップロードしようとしたら

何度試してもエラーに。。。

原因は前述の通りです。

 

そこで!

今回は、複数の動画ファイル(.mp4)を

サイト上では1つの動画のように再生させるプラグインを

作りました!!!

(翻訳アプリ使って色んな言語で探したけどこの世にそんなプラグインは無かったんです。。。)

 

このプラグインは1つの機能しかありません。

ただ複数の動画を繋げて1つの動画のように再生させる

ただそれだけです。笑

 

プラグインに慣れてる方はダウンロードして

そのまま使ってみてください。

プラグインの説明欄にショートコードの形式が書いてあります。

 

プラグインにあまり慣れてないな~という方は

下の説明を読んでから使ってみてくださいね!

 

あ、もちろん無料ですし、広告も表示されないのでご安心ください(^^)

動画はあらかじめ動画アプリなどで分割してサーバーにアップしておいてください!

 

ダウンロード

 

まずは下のリンクからプラグインファイルをダウンロードしてください!

▶ ダウンロード

 

 

 

プラグインとは何か?

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

プラグインとは、簡単に言うと機能を拡張するための追加プログラムのことです。

WordPressでは、ダッシュボードの「プラグイン」画面から簡単にアップロード・インストールができるようになっています。

コードを書かなくても機能を追加できるので非常に便利で、

ほとんどのWordPress利用者が使っていると言っても過言ではありません。(主観)

 

 

プラグインのインストール方法

 

① WordPressのダッシュボードから「プラグイン」を開く

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

② 「プラグインのアップロード」をクリック

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

③ 「ファイルを選択」をクリック

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

④ ダウンロードしたファイルを選択して「開く」をクリック

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

⑤ 少し待つと自動でインストールしてくれるので、インストールが完了したら「プラグインの有効化」をクリック

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

⑥ これでインストールは完了です!

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

 

 

プラグインの使い方

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

 

このプラグイン「Seamless-Video-Player」の使い方を解説します!

と言っても簡単です。

 

[svp_player videos="URL, URL, URL"]

このように、テキスト欄にショートコードを使って挿入するだけです!

 

「ビジュアル」でしか記事を書くことができない状態の場合は、「クラシックエディタ」でHTMLで記事を編集できるようにしてください!

下記のサイトが分かりやすいと思います。

▶ 【カスタマイズできる】WordPressをHTMLで編集する方法

 

 

[svp_player videos="URL, URL, URL"]

の「URL」の部分に、動画のURLを入れてください!

 

たとえば ↓ こんな感じです

[svp_player videos="https://yukimal.com/test/movie/1.mp4, https://yukimal.com/test/movie/2.mp4, https://yukimal.com/test/movie/3.mp4"]

 

左から順番に「,」(カンマ)で区切って動画のURLを入れるだけです。

すると ↓ のように全ての動画が1つにまとまって再生できるようになります!

 

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

素材(動画)の数によってチャプターのように表示させるようにしています。

再生バー(シークバー)は全体を表示しているので、バーを動かすと自動でチャプターが切り替わり適切な位置に移動するようになっています。

つまり、完璧に1つの動画のように動作するんです!!!

なんて素晴らしいんでしょう!(超絶自画自賛)

 

↓ もちろん全画面表示にも対応しています!

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

 

 

 

問題点

 

個人的にはとても素晴らしいプログラムなんですが、

通信速度によっては動画と動画の間にどうしてもラグというか一瞬のスキマが生まれてしまいます。

現在改良のために動画を一瞬重ねるなどの研究をしていますが中々うまくいきません💦

 

とは言っても一瞬なので、ロリポップの欠点を(動画という狭いジャンルに限っては)克服したと言っても良いのではないでしょうか!

 

また、動画2GBピッタリに分割するとエラーが起きます。

これはロリポップというかサーバーそのものの仕様ですね。

1.8GBくらいに余裕をもって分割するといいのかなって思います!

 

 

 

まとめ

【超便利!】WordPressで複数の動画を1つの動画のように再生させるプラグインを作りました!【ロリポップ勢歓喜】

 

いかがだったでしょうか!!

今回の自作プラグインは中々の出来だったと思います!

 

ロリポップ様の最大の欠点である2GBの壁を

動画においては突破することができたのではないでしょうか。

 

たとえば、30GBの動画ファイルも1.8GBで分割(17ファイル)するとロリポップサーバーでも1つの動画のように再生させることができます!

 

長尺動画(制作シーンや作業工程)をアップするのに便利ですね!

ただ、YouTube埋め込みという外部の手を借りる手段もありますので、

このプラグインの使い道は至って狭いものかなとは思います。笑

 

他の記事も面白い情報を書いてたりしますので

ぜひ読んでみてくださいね!

 

 

それでは!