Wordpress で youtube を大きいサイズで楽に貼り付ける

はじめに

xxxx年度版　とか、そのようなサイトがありますが、
ものすごく単純に、見やすく埋め込む方法を
jQueryで実装しました。

CSSは不要です

かわりに、jqueryが必要です

WordpressにYoutubeを貼り付ける方法

以下の方法で貼り付けた方法で動作確認しています。

youtube貼り付け.txt

https://www.youtube.com/watch?v=動画ID

https://youtu.be/動画ID

埋め込みコードをつけるほどでもありません

サイズを変更するJavaScript

ついでに、.youtubeのクラスも追加するようにしてあります。

addyoutube.js

/* youtube.sjs */
$(function() {
	var width=document.documentElement.clientWidth,
		height=document.body.clientHeight,

	// wpcontentのクラスで探しています
	// 一般的には body か .single が良いかと思います

	var result = $('.wpcontent').find('iframe');

	if(result !== undefined) {
		for(var i=0; result[i] !== undefined; i++) {
			if($(result[i]).attr('src').match(/youtube/)) {
				$(result[i]).addClass("youtube");
				// youtubeのhtmlタグを読む
				var _ywidth=$(result[i]).attr('width'),
					_yheight=$(result[i]).attr('height')
				// 0.8 ＝80%のサイズを意味しています
				$(result[i]).attr('width', parseInt(width * 0.8));
				$(result[i]).attr('height', parseInt(width / _ywidth * _yheight * 0.8));
			}
		}
	}
});