• TOP>
  • 動画を表示させよう

動画を表示させよう

「ニコニコ動画」、「YouTube」、「Vine」の動画をページに貼るための方法を解説しています。 
攻略動画を表示させたいときや、ゲームの紹介動画を表示させるのに利用してみましょう。

ニコニコ動画を表示する方法

2017年2月20日(月)以降、ニコニコ動画の表示形式を変更いたします。新しい形式では動画プレイヤーの埋め込みではなく、動画のサムネイルと詳細が表示されます。
上記変更は当サイトのhttps化に伴う仕様変更のため、将来的に動画プレイヤーの埋め込みが再度可能になる場合もございますこと、予めご了承ください。

表示したい動画のURLをコピーする

動画を表示するために、ニコニコ動画の動画ページから動画のURLをコピーしてきます。

nico01

動画の入力フォームを出す

動画のURLをコピーしたら、編集画面にある動画ボタンを押して動画のURL入力フォームを出現させます。

05

URLをペーストする

出てきた動画のURL入力フォームに、先ほどコピーした動画のURLをペーストして「OK」をクリックすれば完了です。

04

使用例

#video(http://www.nicovideo.jp/watch/sm27324604)

使用結果

3カラム表示でニコニコ動画がはみ出してしまう場合の設定

現在3カラム表示でニコニコ動画を設定すると枠をはみ出してしまいます。
これを回避するには動画の大きさを指定してあげましょう。

使用例

&video(http://www.nicovideo.jp/watch/sm27499885,280,170);

動画のURLのあとにある2つの数字(300200)が、それぞれ高さを指定しています。

詳しくは動画の表示サイズの変更 をご覧ください。

Youtubeの動画を表示する方法

表示したい動画のURLをコピーする

動画を表示するために、Youtubeの動画ページから動画のURLをコピーしてきます。

you01

動画の入力フォームを出す

動画のURLをコピーしたら、編集画面にある動画ボタンを押して動画のURL入力フォームを出現させます。

05

動画のURLをペーストする

出てきた動画のURL入力フォームに、先ほどコピーした動画のURLをペーストして「OK」をクリックすれば完了です。

使用例

&video(https://www.youtube.com/watch?v=BMaSugbbQK4);

使用結果

YouTubeの動画の開始位置を指定して動画を表示させる

動画の開始位置を指定して表示させたい場合、共有ボタンを押して共有フォームを表示させます。

youtu2

共有フォームで「開始位置」のチェックを入れ、時間を指定します。(画像は31分56秒から)

youtu1

あとは共有フォームの更新されたURLをコピーして、動画のURL入力フォームにペーストすればOKです。

使用結果 動画が途中から再生されます。

Vineの動画を貼り付ける方法

表示したい動画のURLをコピーする

Vineの動画のURLコピーするには以下の2つの方法があります。

  1. Vine公式からURLを取得する
  2. TwitterからURLを取得する

Vine公式からURLを取得する方法

1 URLをコピーしたい動画のページで「Shareボタン」を出してメニューを呼び出す
2 メニューが出現したら「Linkボタン」を押し、新たな動画ページにジャンプします

vi01

3 ジャンプしたページの動画URLをコピーする

vi02

4 編集画面に「#media()」を記入し、()内に先ほどコピーした動画のURLを貼り付けて完了

TwitterからURLを取得する方法

1 Twitterで表示されたVine動画の下にある「Webで見る」のリンクをクリックしてジャンプする

vi03

2 ジャンプした動画ページのURLをコピーする

vi04

3 編集画面に「#media()」を記入し、()内に先ほどコピーした動画のURLを貼り付けて完了
書式

#media(VineURL)

使用例

#media(https://vine.co/v/ernrxQZ7VnX)

使用結果

動画の表示サイズの変更

表示させた動画のサイズを変更するための方法です。

入力フォームから出力された構文を少し変更することで、サイズを変更できます。

使用例

&video(http://www.nicovideo.jp/watch/sm27499885,300,200);

動画のURLのあとにある2つの数字(300200)が、それぞれ高さを指定しています。

この数字を変えることでサイズを指定できます。サイズの単位はpx(ピクセル)となっています。

使用結果

YouTubeの再生リストを貼り付ける

再生リストの共有コードを貼り付けることで、再生リストを設置できます。

単一動画と違い、貼り付けた動画から再生リストの動画も再生できるのが特徴です。

再生リストを貼り付ける方法

  1. YouTubeチャンネルページ内の「再生リスト」ページから、使用したい再生リストを見つけて、再生リストのタイトルをクリックします。
    ※画像はファミ通Appのチャンネルページのものです。
    06
  2. 再生リストの動画一覧が表示されたら、ページ上部の「共有」ボタンをクリックします。
    07
  3. 共有用のコードが出力されますので、テキストボックス内のコードをコピーしてください。
    08
  4. コピーしたコードを使用して、編集パレットなどからWikiに以下の構文を書けば埋め込み完了です!

書式

&video(ここにコードをペースト);

使用例

&video(https://youtu.be/0dy8lDI0v_4?list=PLFd9g5CEJGeOOKUGw9ReKmw5iERZoNwFo);

使用結果

再生リストの使い方

saisei01

動画の左上にある再生リストボタンをクリック。

saisei02

再生リストに登録された動画一覧が表示されるので、見たい動画のタイトルをクリック。

saisei03

クリックした動画が新たに再生を開始します。

関連リンク

画像・動画の関連リンク

関連する動画を収集
ゲーム実況エクストリームを表示する
キーワードに関する動画をリストで表示する

コメント

アクセスランキング

編集メンバー参加申請

こちらの申請フォームより、Wikiの管理人へ参加申請をしてください。

管理人が申請を承認すると、編集メンバーに参加できます。

編集メンバーの詳細はこちらから。

あなたのアカウント ゲスト
サイト名 電ファミニコゲーマー攻略Wikiマニュアル
メッセージ ※メッセージは100文字以内で入力してください。
編集メンバー参加申請

編集に参加するにはログインが必要です。

電ファミニコゲーマー攻略Wikiマニュアルへようこそ!

{{isNeedLogin ? 'この機能のご利用には、Twitterでログインをお願いします。' : 'ログインはTwitterのアカウント連携で行います。'}}
※勝手にツイートすることはありません。