ニコニコ動画の画像を小さくしてブログに貼り付ける方法




ニコニコ動画やYouTubeをブログやホームページに貼り付ける方法についてはこちら。

今回は、ニコニコ動画外部プレイヤーとして、ブログホームページ貼り付ける時、動画の大きさを変える方法をご紹介します。


普通にニコニコ動画を貼り付けるだけなら動画の右下の共有ボタンをクリックして、ソースを取得して、タグを貼り付けますよね。


この時、取得したタグのsrc属性の値を変更します。
値の最後に「?w=数値&h=数値」を追加します。
wの数値は横幅を、hの数値には高さを指定します。

(例)
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm1097445"></script><noscript><a href="http://www.nicovideo.jp/watch/sm1097445">【ニコニコ動画】【初音ミク】みくみくにしてあげる♪【してやんよ】</a></noscript>

この動画のサイズを指定(小さく)する時、

<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm1097445?w=300&h=205"></script><noscript><a href="http://www.nicovideo.jp/watch/sm1097445">【ニコニコ動画】【初音ミク】みくみくにしてあげる♪【してやんよ】</a></noscript>

このようになります。画像のサイズの値はピクセルになります。(単位は不要)
例の場合ですと横幅300px 高さ205pxとなります。


動画サムネイルと詳細情報を表示する場合】



ニコニコ動画の詳細情報大きさを変更(小さくする)場合は、共有ボタンを押したあと、『動画のサムネイルと詳細情報』の方を選択します。


すると下記のようなソース(タグ)が取得出来ます。

(例)
<iframe width="312" height="176" src="http://ext.nicovideo.jp/thumb/sm1097445" scrolling="no" style="border:solid 1px #CCC;" frameborder="0"><a href="http://www.nicovideo.jp/watch/sm1097445">ニコニコ動画】【初音ミク】みくみくにしてあげる♪【してやんよ】</a></iframe>

このタグを編集する事で、表示方法の変更が行えます。

widthの値は横幅。heightの値は高さ。スタイル属性の値を変えれば、線の種類や太さ、色なども変更可能です。








カテゴリ | ニコニコ動画 | このブログの読者になる | 更新情報をチェックする

About Site(サイト案内) 概要

アクセスアップ方法・アクセスアップツールを中心に紹介しています。出来るだけ易しいサイト作りを目指したいと思います。まだまだコンテンツが少ないですが確実なアクセスアップ方法を紹介しますのでどうぞ宜しくお願いします。アクセスアップ記事以外にもWeb製作のことやiPhoneのこと。ニュースなども取り上げていきます。


◆リンク
http://secretaccess.seesaa.net/
タイトルは『Digital Life -デジタルライフ-
(テキストリンクのみです)
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。