Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[WEB SERVICE] YouTubeの動画をハイレゾで埋め込む方法

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

先日紹介したYouTubeの動画をハイレゾで見る方法に続く内容のエントリ。“&fmt=18”等の文字列をURL末尾に付けてハイレゾで見る事ができますが、その状態でembedタグをコピーして自分のブログ等に貼り付けたとしても、埋め込み型プレーヤー内ではハイレゾ版になりませんでした。埋め込み型プレーヤー(Embed プレーヤー)でもハイレゾ版にする方法があるようなので紹介します。

YouTubeでビデオを閲覧してる際に右側に出てる“Embed”のソースをまずはコピペします。そのソース内を下記のように修正すればハイレゾ版の埋め込みプレーヤーとなるそうです。修正が必要な箇所は太字で表しています。「&ap=%2526fmt%3D18」の文字列を2度入力しなきゃならない点に注意。

<object width=”480” height=”397“><param name=”movie” value=”(VIDEO EMBED URL)&ap=%2526fmt%3D18“></param><param name=”wmode” value=”window“></param><embed src=”(VIDEO EMBED URL)&ap=%2526fmt%3D18” type=”application/x-shockwave-flash” wmode=”window” width=”480” height=”397“></embed></object>

通常版

ハイレゾ版

動画のきめ細かさがハッキリと向上してるのが分かると思います。ちょっと手間がかかる手法ではあるけど、これで埋め込み型プレーヤーでもキレイな動画で紹介できるようになりました。

ちなみに何度もくまだまさしを押すのは、この動画がすでに個人的にリファレンス用のものとなっているからですw そういや昨日友達とボイチャしてる時に、「お前ってハイキングウォーキングのQ太郎に似てるよな。Qちゃんってあだ名も一緒だし」って言われました。色々アレだしナニです。

2 thoughts on “[WEB SERVICE] YouTubeの動画をハイレゾで埋め込む方法”

  1. Pingback: [WEB SERVICE] YouTubeの動画をハイレゾで見る方法 | ウェブデザイン, CSS, Javascript, Flash, 海外のウェブサービスなどを紹介 | mBlog
  2. Trackback: [WEB SERVICE] YouTubeの動画をハイレゾで見る方法 | ウェブデザイン, CSS, Javascript, Flash, 海外のウェブサービスなどを紹介 | mBlog
  3. Pingback: [YouTube] YouTubeの動画を埋め込む時に | 1
  4. Trackback: [YouTube] YouTubeの動画を埋め込む時に | 1

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください