1. 동영상 트레일러 component

1) 사용한 기술

<aside> 💡

1. YouTube IFrame Player API YouTube 동영상 Id를 통하여 video player를 render해 준다.

2. YOUTUBE-VUE iframe을 vue에서 사용하기 편하게 만들어주는 모듈

</aside>

2) <iframe> 사용법

<iframe id="player" type="text/html" width="640" height="360"
  src="<http://www.youtube.com/embed/{videoId}>"
  frameborder="0"></iframe>

• width, height옵션으로 동영상 크기 조정
• src로 동영상 주소 호출
  • videoId: 동영상 id

3) YOUTUBE-VUE 사용법

(1) 설치

npm install vue-youtube

(2) 사용

Bundler (Webpack, Rollup)

<script>
...
import Vue from 'vue'
import VueYoutube from 'vue-youtube'

Vue.use(VueYoutube)
...
</script>