유튜브 웹페이지 배경으로 넣기

 

https://github.com/stamat/youtube-background

GitHub - stamat/youtube-background: Simple script for embedding YouTube, Vimeo and HTML5 videos a as cover background

---

사용법 

1. js파일을 복붙한다. 

<script type="text/javascript" src="https://unpkg.com/youtube-background/jquery.youtube-background.min.js"></script>

 

2. 스타일 css와 js 코드를 넣는다. 

<style>
	iframe {
		transition: opacity 500ms ease-in-out;
		transition-delay: 250ms;
	}
</style>


 <div data-vbg="유튜브주소"></div>

 <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('[data-vbg]').youtube_background();
        });
 </script>