動画のブログへの埋込み基礎ヘルプ(Youtubeとニコニコ動画の場合)

[ガラケー版(QRコード)] 総閲覧回数:3,644,042回 / ブログ拍手:2,227
作品DB等各サービスの機能追加情報や、技術系・面白系記事を中心に提供。
記事の投稿は基本Twitterでも告知させて頂いています。
連絡は作品DBの論客の方なら私書、DB外ユーザの方ならメールTwitterで可能です。
アクセス記録[推移 / PV内訳(過去1日 / 過去1週間) / 外部アクセス元 (昨日 / 過去1週間) / ログイン論客足跡]
プロフィール私書(メール)
   /   /送済
評価(一覧   /)
投票   /共:   /
ファン登録
作品/情報/
DB構築()
ブログ
[書く]
攻略記事リンク集
My Play List
<=新記事2010/07/20 修正x4
=>古記事2010/07/19 あれ、放送前の人はどこに!?伝説のニコ生化粧配信

1.
2010/07/19 同日2番目 作品DB開発/運用 > 動画のブログへの埋込み基礎ヘルプ(Youtubeとニコニコ動画の場合)」
[この書込みのみ表示(記事URL紹介用) / 編集 / 削除 / トラバ送信 / 共有分類に追加(タグ付け)]拍手:1個

1. 初めに
2. Youtube
3. ニコニコ動画

1. 初めに

ブログへの動画の埋込み(貼り付け)方法について聞かれたので、
動画挿入方法ヘルプ
という共有分類はありますが、昔とYoutubeもニコニコ動画もUIが変わり、ブログに埋込みの為貼り付けるコードも最初から表示されている状態ではなくなったので、改めて現状のUIに合せる形で、動画のブログへの埋込み方法ヘルプを書いてみる事にしてみました。
現在、通常系の動画共有サイトでは、Youtubeとニコニコ動画が大きなシェアを占めているので(皆声の統計データ参照)、その二つのサービスの動画の日記への埋込み方について書いてみます。
今までやり方が分らなくてやった事がない...という方は、これを機に一度トライされてみると良いかもしれません。
結構簡単です。
2. Youtube

まずYoutubeで自分のブログに貼り付けたい動画を見つけます。

そうすると動画の下らへんに「Embed(埋込む)」というボタンがあるので、それをクリックします。


そうすると動画の下にコードが入ったテキストボックスがあらわれるので、それをコピーします。
なお、コピーする動画プレイヤーのサイズや、色等をカスタマイズも出来るので、必要でしたらそれでカスタマイズしてからコピーしましょう。
特に日記の左メニューに貼り付ける場合には、Customという所で横幅(width)を小さくカスタマイズすると、横幅を大きくとらずに済みます。


このコードを自分の日記の本文入力欄に貼り付ければ、Youtubeのプレイヤーが自分のブログに表示されるようになります。

↑スコティッシュフォールドの人気を燃え上がらせたとも言われる動画
3. ニコニコ動画

ニコニコ動画はまずアカウントを取ってログインしないといけません。
それは既に済んでいる前提で、ニコニコ動画でブログに貼り付けたい動画を見つけたとします。

そうすると動画の右上に「詳細情報・メニューを表示」というボタンがあるのでクリックします


そうすると「ブログサイトに貼り付ける」というリンクが動画の上に出てくるのでそれをクリックします


そうするとブログに貼り付け、という画面が出てくるので、そこで「外部プレイヤー」のテキストボックスに表示されているコードをコピーします。


このコードを自分の日記の本文入力欄に貼り付ければ、ニコニコ動画のプレイヤーが自分のブログに表示されるようになります。

↑直近1年で一番ブログに張られたニコ動(皆声.jp動画ランキングより)

コメントする1個


[他の記事も読む]
<=新記事2010/07/20 修正x4
=>古記事2010/07/19 あれ、放送前の人はどこに!?伝説のニコ生化粧配信


大分類が「作品DB開発/運用」の記事
この論客の記事全て
RSS購読
RSS
ブログ表示スタイル
リスト/携帯(QRコード)
画像/動画/音声/リンク
表示開始年月
分類
全て
1.このサイトについて
2.作品DB開発/運用
3.ホームページ制作技術
4.Perl
5.C言語 / C++
6.検索エンジン&SEO
7.サッカー
8.自分のこと
9.Linux
10.旅行
11.思ったこと
12.パソコン
13.Berkeley DB
14.その他技術系
15.企画
16.スマートフォン
17.鑑賞
18.皆声.jpニュース
19.インターネット業界
20.運用マニュアル(自分用)
21.技術系以外実用書
22.料理
23.ALEXA
24.アニメ
25.会計
26.漫画
27.設計書
28.色々サイト作成
29.サーバー
30.自分専用
31.生活
32.OP/ED/PV
33.ゲーム
34.DB整備
35.新規開始作品紹介
36.英語圏の話題
37.大道芸
38.映画
39.PHP
40.ダイエット
41.Mac
42.JavaScript
43.MySQL
44.介護
45.作品DB作品追加作業
46.BI
47.Web API
48.パフォーマンス
49.インターネットの活用方法
50.Riak
51.Androidアプリ開発
52.Cassandra
53.スパム
54.写真
55.iOSアプリ開発
56.AWS
57.マーケティング
58.Web漫画
59.法律
60.mongodb
61.開発環境整備
62.Google Apps Script
63.meteor
64.Pentaho
65.Ansible
66.VPS
67.技術書メモ
68.Vagrant
69.Docker
70.dokuwiki
71.Apple Watch
72.Webサービス
73.セキュリティ
74.Elastic Search
75.Wordpress
76.クラウド
77.英語
78.MVNO
79.シンガポール
80.マレーシア
81.海外生活
日記の主な内容
サイト運営/開発
検索エンジン情報
・技術ネタ(Berkeley DB,
Linux, Perl, サイト作成)等

サイト管理
全まとめ
サーバー管理
定期処理状況
開発予定
削除提案
作品追加依頼
OP/ED追加依頼
OP/ED not found
作品提案承認欄

格言 fromスクライド
この世の理は即ち速さ
20年かければ馬鹿でも
傑作小説を書ける

助けられたら助け返す
それが俺のルール

強くなるには
一番弱い考えをする事だ
そしてその考えに反逆する




右側に何か入れてみるテスト


仕事でのサイト
介護DB
Helpyou
Doctor career
Nurse career
上へ ↑上へ 最速検索作品DB皆声