코드를 수정하여 이용

위와 같은 문제를 해결하기 위해, 코드를 조금 수정하여 이용합니다. 이 방법은 html에 대한 이해가 있다면 쉽게 이해할 수 있을 겁니다. 인터넷에 여러 가지 방법이 있는데, 각각의 장단점이 있습니다. 저는 div를 이용한 방법으로 해보겠습니다. html 편집기로 들어가서 아래의 코드를 원하는 위치에 넣으면 됩니다.

1. 첫 번째 빨간 글씨는 (padding-bottom: 56.25%) 영상 비율에 맞게 바꿔야 합니다. 16:9는 56.25% (=9/16 * 100), 4:3은 75%입니다.

2. 두 번째 빨간 글씨도 (width="320" height="180") 영상 비율에 맞게 바꿔야 합니다. 사실 16, 9로만 써도 되지만, 추후 웹표준이 다르게 바뀔 것도 대비하여 320, 180으로 썼습니다.

3. 파란 글씨는 (pWemV6TiUZE) 영상의 id입니다. 영상 주소에서 v= 뒷부분을 복사해서 넣어주시면 됩니다.

4. 보라색 글씨는 (?start=6) 영상의 재생 시작 시간입니다. 초 단위로 지정할 수 있습니다. 예시의 경우 6초부터 시작합니다. 영상 처음부터 시작할 거라면 그냥 빼시면 됩니다.

출처: https://hse30.tistory.com/118#top [정원]