anydragon, Author at anydragon - 52 중 8 번째 페이지

2022년 anyons.net wordpress 에서 사용하는 plugin 들

Plugins Admin Post Navigation Advanced Editor Tools (previously TinyMCE Advanced) External Links Jetpack Boost Shortcodes by Angie Makes Simple Lightbox Urvanov Syntax Highlighter WP-Optimize – Clean Compress, Cache WP-Paginate Yoast SEO 구글이 만든 사이트 킷 깨진 링크 검사기 아키스밋 스팸 방지 젯팩 […]

Youtube를 페이지 너비에 맞출때

.css

.player {
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.player .youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player {

margin-bottom: 20px;

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

.player .youtube {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

.html

<label>Youtube</label>
<div class="player">
	<div id="player[0]" class="youtube"></div>
</div>

<label>Youtube</label>

</div>

.js

<script>
	var player = new Array();
	var id = YouTubeGetID($('#fd_strYoutubeUrl').val()); // Youtube key
	// YouTube IFrame API(https://www.youtube.com/iframe_api) 를 먼저 불러온 뒤 생성
	player[0] = new YT.Player('player[0]', { videoId: id });
	// 이미 만든 player 의 영상을 바꿀 때
	// player[0].loadVideoById(id);
</script>

var player = new Array();

var id = YouTubeGetID($('#fd_strYoutubeUrl').val()); // Youtube key

// YouTube IFrame API(https://www.youtube.com/iframe_api) 를 먼저 불러온 뒤 생성

player[0] = new YT.Player('player[0]', { videoId: id });

// 이미 만든 player 의 영상을 바꿀 때

// player[0].loadVideoById(id);

</script>

anydragon

참고자료

최신 글

보관함

2022년 anyons.net wordpress 에서 사용하는 plugin 들

Youtube를 페이지 너비에 맞출때

태그

링크

메타

anydragon

참고자료

최신 글

보관함

2022년 anyons.net wordpress 에서 사용하는 plugin 들

bootstrap에서 bootstrap-select 사용할때 상위에 있는 table-responsive때문에 dropdown이 짤려 보일때 사용하는 css

Youtube를 페이지 너비에 맞출때

태그

링크

메타