『JW Player for Flash & HTML5 Video』で動画や音声を貼り付ける方法

どうも、NOKAです。

本記事では WordPress Plugin である、

JW Player for Flash & HTML5 Video を使って

動画や音声を貼り付ける手順方法を動画で解説していきます。

 

jw-player-featured

 

JW Playerで動画や音声を貼り付ける方法の動画講義

 

 

JW Player for Flash & HTML5 Videoの導入方法

 

WordPressのダッシュボードからプラグインの新規追加を

クリックして、JW Player for Flash & HTML5 Video と検索します。

 

JW Player for Flash & HTML5 Video

 

すると、一番上に表示されるので「いますぐインストール」をクリックします。

 

JW Player for Flash & HTML5 Video2

 

インストールが完了したら、プラグインを有効化をクリックします。

 

JW Player for Flash & HTML5 Video3

 

プラグインの有効化が完了したら、メニューバーに

JW Players が追加されるので、こちらをクリックします。

 

JW Player for Flash & HTML5 Video4

 

すると、次のような画面に移動するので

「Create a new player」をクリックします。

 

JW Player for Flash & HTML5 Video5

 

次に、プレイヤー設定を行っていきます。

「 Player Size 」では動画のプレイヤーのサイズを設定します。

「 Fixed size ( not responsive ) 」を選択すると下に

「 Fixed width 」と「 Fixed height 」が表示されるので

こちらで任意のサイズを設定していきます。

 

JW Player for Flash & HTML5 Video6

 

次に、「 Layout Settings 」ですが、

「 Controls 」にチェックを入れると、動画プレーヤーにコントローラーを

表示させることができます。通常はチェックを入れておきましょう。

 

「 Stretching 」ですが、こちらでは自動で動画プレーヤーのサイズを

調整するかどうかを選択することができます。

「 Stretch proportionally ( black borders ) 」を選択すると、

ディスプレイ似合うように、サイズが変更されるようになります。

 

JW Player for Flash & HTML5 Video7

 

「 Playback Settings 」ですが、

「 Autostart 」はページを開いた時に動画を自動的に再生開始するか

どうかを選択することができます。

 

「 Fallback 」は HTML と Flash がサポートされていない場合、

ダウンロードリンクをレンダリングするかしないかを設定します。

 

「 Mute 」にチェックを入れると、プレーヤー起動時はミュートで

動画が再生されます。

 

「 Default rendering mode 」は HTML5 か Flash から選択します。

 

「 Repeat 」にチェックマークを入れると動画が自動的に

リピートされるようになります。

 

JW Player for Flash & HTML5 Video8

 

「 Listbar/Playlist Settings 」ではリストバーを表示させるか

しないかを選択していきます。

「 Position 」はリストバーを表示させる位置を選択します。

 

「 Size 」はリストバーのサイズを設定します。

 

各項目の選択設定が完了したら、

最後に「 Save canges 」をクリックして設定を完了させます。

 

JW Player for Flash & HTML5 Video9

 

動画を記事中に埋め込む手順方法

 

まずは「投稿」から「新規追加」をクリックして、

記事編集画面に移動します。

そして、「メディアを追加」をクリックします。

 

JW Player for Flash & HTML5 Video 10

 

そして、記事に埋め込みたい動画または音声ファイルをアップロードします。

 

JW Player for Flash & HTML5 Video11

 

ファイルのアップロードが完了したら、

アップロードしたファイルを選択します。

 

JW Player for Flash & HTML5 Video12

 

すると、次のような表示が出てくるので、

「 Insert with JW Player 」をクリックします。

 

JW Player for Flash & HTML5 Video13

 

すると、記事中に動画のコードが自動的に挿入されます。

 

JW Player for Flash & HTML5 Video14

 

記事を確認すると、このように動画を埋め込むことができます。

 

JW Player for Flash & HTML5 Video15

 

YouTube ・ニコニコ動画・ Dailymotion の

動画を貼り付ける手順方法はこちら

WordPressに動画のコードを埋め込み表示させる方法

 

それでは、最後までお読みいただきありがとうございました。

 

lifeisfantasy



コメントを残す