読者です 読者をやめる 読者になる 読者になる

pelicanmemo

ニッチで何となく深読み系。|メモノメモ新館| 海外の話が多め。近頃は中国が多め(中国海警局・中国海監、深海潜水艇、感染症など)。

YouTube動画の貼り付け方の違い。|はてなブログ、カスタマイズ

ブログ

めも

 

YouTubeで動画の埋め込みコードを取得して、コピペ。いつものやり方。

ブログ幅に合わせて、画面の幅を560に指定した。 
「HTML編集」モードにしてペーストする必要がある。動画ページへのリンクは別に作成してコピペ。

<iframe src="//www.youtube.com/embed/kyL_HMTzAxA" width="560" height="315" frameborder="0" allowfullscreen=""></iframe>

 

Ads by Google

 


 

はてなブログ、編集サイドバーの「YouTube貼り付け」から動画タイトルで検索して貼り付け。

20歳の神戸(4分30秒)| 関西電力 - YouTube

GoogleAPIs。

縦横比が3:4に指定される模様。埋め込む前に縦横の値を設定はできない。動画ページへのリンクも同時に作成される。

<iframe src="https://youtube.googleapis.com/v/kyL_HMTzAxA&source=uds" width="420" height="315" frameborder="0" allowfullscreen=""></iframe>

 

はてなブログ、入力補助ツールバーの「リンク」ボタンに、YouTube動画のURLをコピペして貼り付け。
あるいは、「編集見たまま」モードで、YouTube動画のURLをそのまま貼り付け(「リンク」ボタン押してペーストする手間がない)。


20歳の神戸(4分30秒)| 関西電力 - YouTube

YouTube API (oEmbed)。縦横比に問題なし。埋め込む前に縦横の値を設定はできない。動画ページへのリンクも同時に作成される。

<iframe src="http://www.youtube.com/embed/kyL_HMTzAxA?feature=oembed" width="480" height="270" frameborder="0" allowfullscreen=""></iframe>

縦横を設定出来ないのは残念だけど、これは便利。

 

関連記事URLも同じように貼り付けてみた。こういう埋め込みも出来るのね。


YouTube、Twitter、Instagram、ニコニコ動画、SoundCloud、pixivなど、さまざまなサイトを手軽に貼り付けられるリンク挿入機能を強化しました - はてなブログ開発ブログ

 

ブログに写真や動画を貼り付ける「リンク挿入」機能を使いやすくしました URLをペーストするだけでコンテンツを埋め込めます - はてなブログ開発ブログ