編集者用 – 動画の貼り付け方

動画宮殿Fにおける、動画の貼り付け方を以下に記します。ユーザ権限「編集者」以上の方対象です。

一度やっちゃえば、覚えてしまうので、そんな一度だけ読む記事。

動画サイトはメジャーなYouTubeやDailymotionとか色々ありますが、基本的に動画埋め込みタグは用意されているので、やり方は同じです。

便宜上、このページではYouTubeを例にして説明します。

なお、「動画には旬がある」ので、貼り付けた動画はいつ何時なくなるかわからないです。でも、そこが一期一会的で楽しいところ。

あ、このフレーズ懐かしいですねぇ。旧動画宮殿のキャッチフレーズみたいなもんでした。

1.記事を作成する

記事を作成します。当たり前ですが(笑)

いきなり動画貼り付けはないと思うので、徒然に適当に文章を書いて、動画を貼り付けたい位置まで書きつづる。

記事を書く(ビジュアルエディタ)

私は「ビジュアルエディタ」を使用しています。なので上記画像みたいな感じになります。

デ、動画貼り付けは「動画貼り付けタグ」というコードを記事に貼り付けるので「HTMLエディタ」に切り替えて貼り付けます。

記事自体を「HTMLエディタ」で作成している場合は、上の画像は無視する。

「ビジュアルエディタ」でも貼り付けられるのですが、わたしタグ打ちだったので「HTMLエディタ」でやってます。

プラグインもあると思うのですが、面倒くさいので、それも無視(笑)

「HTMLエディタ」に切り替えると、こんな画面になっています。切替は右上の「ビジュアル」「HTML」の「HTML」って文字をクリックすると切り替わります。

HTMLエディタで見た場合

カーソルの位置に注目。

この位置にカーソルを置く。エンターキーで改行してください。

これで、とりあえず準備完了。

2.YouTubeに行く

記事作成前からYouTube開いていてもいいのですが、貼り付けたい動画のページを開いておきます。

そこに「貼り付けタグ」が用意されています。

YouTubeを開く

どこに貼り付けタグがあるかというと、右側にあります。

四角の赤線で囲った部分です。

リンクとか貼り付けタグのある場所

URL」というのは、リンクURLのことです。

埋め込み」ってのが貼り付けタグで、これを使用することにより、記事に動画を埋め込むことができます。

拡大図。
リンクや埋め込みタグの場所拡大図

この「埋め込み」ってとこにある文字をクリックすると全選択状態になります。

この状態でマウスの右クリックで「コピー」すると、この埋め込みタグがコピーされます。

ここをクリックすると、下にびろ~んと領域が広がります。

これは、動画サイズや色などを設定する設定項目を表示しています。最初は何もしなくてもOKです。

埋め込みタグを全選択する

埋め込みタグをコピーする

これで準備完了なので、記事作成画面に戻ります。

3.編集中の記事に貼り付ける

編集中の記事の、動画を貼り付けたい箇所でマウスを右クリックして「貼り付け」します。

そうすると、YouTubeでコピーした貼り付けタグが記事に貼り付けられます。

コピーした埋め込みタグを記事に貼り付ける

貼り付けられた埋め込みタグ

基本的に、これで終わりです(笑)

「HTMLエディタ」だとイメージがわからないので、「ビジュアルエディタ」で確認してみる。

すると、こういう感じで動画を貼り付けた箇所は表示しています。

ビジュアルエディタで見たところ

四角い枠が動画の枠で、薄黄色で動画の領域を表示しています。

YouTubeや他の埋め込み動画は、FLASHプレーヤーで再生するタイプなので、「f」っぽいマークがありますが、これはFLASHでっせって意味です。

「ビジュアルエディタ」でこういう表示なら、動画受け込みは成功しています。

「プレビュー」で確認してみる。

プレビューで動画の確認をする

プレビュー画面

これで動画の貼り付けはOKです。

動画の下に記事を続けて書くなりして保存、または公開しましょう。

動画を貼り付けると同時に、リンクもあると便利です。

携帯電話で見ると、普通は貼り付けタグは無視されるので動画は表示しません。リンクは表示し、YouTubeの場合、リンク経由でアクセスすると、携帯電話からのアクセスの場合は携帯版YouTubeを表示してくれます。

動画の頭か終わりにリンクを付けてやると便利かもしれません。

まぁ、なくても全然問題ありません(笑)

リンクについては、YouTube画面の「URL」に表示しているアドレスをリンクしてやるだけ。リンクの方法は「初歩的な記事の作成方法」の通りです。

リンクを付けてみる

リンク付きのプレビュー画面

4.その他

YouTubeの設定画面には、枠の色を変更したり、動画サイズを変更したりする項目があります。

よくわからなければ、何もしなくてもOKです。

動画サイズについては、埋め込みタグそのままでOKです。

一応、横幅は560ピクセルくらいまでなら問題なく記事に表示します。600ピクセルでも大丈夫と思いますが、そんな大きな動画サイズでは埋め込む必要はありません。

「関連する動画を含める」にチェックすると(ディフォルトはチェックされているはず)、動画を見終わったあとや再生中に動画にマウスをポイントすると、関連動画を表示します。

チェックしないと関連動画は表示せず、見終わると「もう一回見る」って文字を表示します。

このあたりはご随意に。

YouTubeの設定画面

このあたりは、もうYouTubeの世界になっちゃうので、そういうサイトで調べた方が早い(笑)

あと、Dailymotionの場合は、動画下に「埋め込みプレーヤー」って表示している箇所にあるやつをコピーして貼り付ければOKです。

他の動画サイトのやつも、こういうタグが基本的に用意されているので、それをコピーして貼り付ければ動画は貼り付けられます。

デイリーモーションの場合

以上、簡単ですが、記事への動画貼り付けについて。

不明点はフォーラムかチャットででもお問い合わせ下さい。

初期ユーザ登録時の「作成者」では、この機能は使えません。繰り返しますが「編集者」以上の方対象の説明文です。

Wordpressって、使えるタグのレベルが1~10くらいあって、すごく細かく設定されているんですよ。知らんかったなぁ。

作成者って、確かレベル2のはず。

そりゃ、あれもこれもできねぇって話で。編集者になると、とたんにレベル上がるから困る。

なんかプラグインあるのかなぁ。

ってなことで。

あ、そうだ。

確か、旧動画宮殿でYouTubeについて書いた記事あったなぁ・・・

そこに縦横のサイズについて説明していたと記憶してますが、なんせ古い記事で、当時YouTubeは日本語対応してなかった頃(笑)

なになに・・・2006年9月の記事かよ!

三年以上も前だなぁ・・・ああ、中身は古いなぁ。YouTube自体も変わっちゃたし。でも、動画サイズのリサイズについては、widthとheightの値の変更だから、まだ使えるな。

参考程度にしてください。記事後半くらいかなぁ。まだ使える内容って。

■2006.09.09 【コラム】YouTubeプレイリストをブログパーツとして使う【Tips】
(旧動画宮殿より)

動画サイズのリサイズについては、なんか参考になるかも!?

作成者:動画の王様
作成日:2009/12/16(水) 11:27
更新日:2009/12/16(水) 11:27