[WordPress] ニコニコ動画をブログに埋め込んで共有する際 サイズ変更して貼り付ける方法

スポンサーリンク

WordPressでブログを書いていると、たまに「ニコニコ動画」を記事中に埋め込みたいケースがありますが、標準の貼り付けサイズが小さいことに悩んでいました。

そこで本記事では、ニコニコ動画をブログに埋め込んで共有する際、任意サイズに変更して貼り付ける方法を記載します。

WordPressで独自SSLを採用していると、そもそもニコニコ動画を記事中に埋め込めない場合があります。詳しくは別記事をご覧あれ。

関連記事

[WordPress] 独自SSL(https)でニコニコ動画(httpリンク)をブログに埋め込めない原因と解決方法

photo by 【東方】Bad Apple!! PV【影絵】 – ニコニコ動画:GINZA

スポンサーリンク

ニコニコ動画をサイズ変更して埋め込む方法

手順①:埋め込みたい動画を検索

まずはさっそくブログに埋め込みたい動画を「ニコニコ動画」から探します。

リンク ニコニコ動画

例として「【東方】Bad Apple!! PV【影絵】」様を使わせて頂く。

手順②:「共有▼」ボタンからコードをコピー

続いて、動画の右側にある「共有▼」ボタンをクリックします。

すると「貼り付けURLをコピー」項目が表示されるので、「外部プレイヤー」内のコードをすべてコピーし、貼り付けたいブログ記事にペーストします。

手順③:任意のコードを加えてサイズ変更する

最後に、貼り付けたコード内に修正を加えます。

冒頭記載した通り、WordPressで独自SSLを採用していると、そもそもニコニコ動画を記事中に埋め込めないため、当ブログでも貼り付けができなくなりました。そのため、下記からは本来埋め込んだ際に表示される動画フレーム部分を画像で貼り付けて說明をしています。

関連記事

[WordPress] 独自SSL(https)でニコニコ動画(httpリンク)をブログに埋め込めない原因と解決方法

例えば、先ほどの「【東方】Bad Apple!! PV【影絵】」様の動画を例とすると、コピーしたコードは下記の通りです。

これをそのままブログに貼り付けるとこのようなサイズとなります。

※画像なので再生はできません。

PC表示だと微妙に記事カラムの横幅に合っていないと分かります。そこで先ほどのコードの中に、動画の横幅と高さを指定する値を追記します。

値は「script」タグ内の動画URL「sm****」の後ろに続けて「?w=***&h=***」と記入します。wが「横幅」、hが「高さ」を意味します。

例えば当ブログの記事カラムに合わせるため、先ほどの動画を、横幅「680」、高さ「383」とすると、変換後のコードは下記の通りとなり、

これを貼り付けると、この通り、記事カラムピッタシのサイズに変換できました。

※画像なので再生はできません。

〆:記事に合わせてニコニコ動画のサイズを変換しよう!

以上、[WordPress] ニコニコ動画をブログに埋め込んで共有する際 サイズ変更して貼り付ける方法 の說明でした。

WordPressの場合、独自カスタマイズを施しているサイトが多いと思いますので、ニコニコ動画を埋め込む際も、ブログのデザインに最適なサイズに変換してみて下さい。

ぜひ、ご参考あれ。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

あわせて読みたい