動画を表示させよう
「ニコニコ動画」、「YouTube」、「Vine」の動画をページに貼るための方法を解説しています。
攻略動画を表示させたいときや、ゲームの紹介動画を表示させるのに利用してみましょう。
ニコニコ動画を表示する方法 †
2017年2月20日(月)以降、ニコニコ動画の表示形式を変更いたします。新しい形式では動画プレイヤーの埋め込みではなく、動画のサムネイルと詳細が表示されます。
上記変更は当サイトのhttps化に伴う仕様変更のため、将来的に動画プレイヤーの埋め込みが再度可能になる場合もございますこと、予めご了承ください。
表示したい動画のURLをコピーする †
動画を表示するために、ニコニコ動画の動画ページから動画のURLをコピーしてきます。
動画の入力フォームを出す †
動画のURLをコピーしたら、編集画面にある動画ボタンを押して動画のURL入力フォームを出現させます。
URLをペーストする †
出てきた動画のURL入力フォームに、先ほどコピーした動画のURLをペーストして「OK」をクリックすれば完了です。
使用例
#video(http://www.nicovideo.jp/watch/sm27324604)
使用結果
3カラム表示でニコニコ動画がはみ出してしまう場合の設定 †
現在3カラム表示でニコニコ動画を設定すると枠をはみ出してしまいます。
これを回避するには動画の大きさを指定してあげましょう。
使用例
&video(http://www.nicovideo.jp/watch/sm27499885,280,170);
動画のURLのあとにある2つの数字(300と200)が、それぞれ幅と高さを指定しています。
詳しくは動画の表示サイズの変更 をご覧ください。
Youtubeの動画を表示する方法 †
表示したい動画のURLをコピーする †
動画を表示するために、Youtubeの動画ページから動画のURLをコピーしてきます。
動画の入力フォームを出す †
動画のURLをコピーしたら、編集画面にある動画ボタンを押して動画のURL入力フォームを出現させます。
動画のURLをペーストする †
出てきた動画のURL入力フォームに、先ほどコピーした動画のURLをペーストして「OK」をクリックすれば完了です。
使用例
&video(https://www.youtube.com/watch?v=BMaSugbbQK4);
使用結果
YouTubeの動画の開始位置を指定して動画を表示させる †
動画の開始位置を指定して表示させたい場合、共有ボタンを押して共有フォームを表示させます。
共有フォームで「開始位置」のチェックを入れ、時間を指定します。(画像は31分56秒から)
あとは共有フォームの更新されたURLをコピーして、動画のURL入力フォームにペーストすればOKです。
使用結果 動画が途中から再生されます。
Vineの動画を貼り付ける方法 †
表示したい動画のURLをコピーする †
Vineの動画のURLコピーするには以下の2つの方法があります。
- Vine公式からURLを取得する
- TwitterからURLを取得する
Vine公式からURLを取得する方法 †
1 URLをコピーしたい動画のページで「Shareボタン」を出してメニューを呼び出す
2 メニューが出現したら「Linkボタン」を押し、新たな動画ページにジャンプします
3 ジャンプしたページの動画URLをコピーする
4 編集画面に「#media()」を記入し、()内に先ほどコピーした動画のURLを貼り付けて完了
TwitterからURLを取得する方法 †
1 Twitterで表示されたVine動画の下にある「Webで見る」のリンクをクリックしてジャンプする
2 ジャンプした動画ページのURLをコピーする
3 編集画面に「#media()」を記入し、()内に先ほどコピーした動画のURLを貼り付けて完了
書式
#media(VineURL)
使用例
#media(https://vine.co/v/ernrxQZ7VnX)
使用結果
動画の表示サイズの変更 †
表示させた動画のサイズを変更するための方法です。
入力フォームから出力された構文を少し変更することで、サイズを変更できます。
使用例
&video(http://www.nicovideo.jp/watch/sm27499885,300,200);
動画のURLのあとにある2つの数字(300と200)が、それぞれ幅と高さを指定しています。
この数字を変えることでサイズを指定できます。サイズの単位はpx(ピクセル)となっています。
使用結果
YouTubeの再生リストを貼り付ける †
再生リストの共有コードを貼り付けることで、再生リストを設置できます。
単一動画と違い、貼り付けた動画から再生リストの動画も再生できるのが特徴です。
再生リストを貼り付ける方法 †
- YouTubeチャンネルページ内の「再生リスト」ページから、使用したい再生リストを見つけて、再生リストのタイトルをクリックします。
※画像はファミ通Appのチャンネルページのものです。 - 再生リストの動画一覧が表示されたら、ページ上部の「共有」ボタンをクリックします。
- 共有用のコードが出力されますので、テキストボックス内のコードをコピーしてください。
- コピーしたコードを使用して、編集パレットなどからWikiに以下の構文を書けば埋め込み完了です!
書式
&video(ここにコードをペースト);
使用例
&video(https://youtu.be/0dy8lDI0v_4?list=PLFd9g5CEJGeOOKUGw9ReKmw5iERZoNwFo);
使用結果
再生リストの使い方 †
動画の左上にある再生リストボタンをクリック。
再生リストに登録された動画一覧が表示されるので、見たい動画のタイトルをクリック。
クリックした動画が新たに再生を開始します。
コメント