유튜브 동영상의 특정 부분만 편집하지 않고 보여주는 방법

유튜브 동영상의 특정 부분만 편집하지 않고 보여주는 방법

동영상을 편집하여 원하는 부분을 보여주면 가장 쉽긴 하겠지만 인터넷에 올려서 사용하려면 저작권 문제가 불거진다. 그렇다고 클라우드 시대에 USB나 외장 하드를 가지고 다니면서 본다는 것은 불편하기 짝이없다. 

유튜브에 있는 영상을 그대로 두고 필요한 부분만 보여주는 방법이 있으면 좋겠는데 방법이 있을까? 

한마디로 해답은? "있다" 

결론부터 말하면 동영상 링크를 할 때 소스를 복사해서 사용하는데 이 소스를 부분 수정하면 된다. 부분 수정할 때 이 부분을 파라미터(parameter : 여러가지 동작이나 속성을 지정해주는 변수)라고 부르는데 이 값을 수정하면 되는 것이다.  

어떻게 하는지 살펴보자. 

개념은 동영상 시작과 종료지점의 값을 초단위로 지정하면 된다. 

방법은 아래처럼 start=초 단위 값(지정된 초에 동영상 재생 시작), end=초 단위 값(지정된 초에 동영상 재생 종료) 

 실습 

HTML소스를 입력할 수 있는 블로그 또는 웹사이트 이어야 한다. 지금보고 있는 티스토리는 당연히 HTML 태그를 입력할 수 있다.

 

그림과 같이 유튜브 영상에서 '소스 코드'를 복사한다. 

그림에서 수정할 소스는 <iframe width="560" height="315" src="https://www.youtube.com/embed/tD63b6Z-Tr0" frameborder="0" allowfullscreen=""></iframe> 와 같다.

예) 유튜브 동영상의 특정 부분만 편집하지 않고 보여주는 방법
보여줄 시작 지점과 끝 지점을 정하고 다음과 같이 frameborder="0" 소스 앞 동영상 주소 끝에 수정할 값을 삽입한다.

수정된 소스는 다음과 같다 

<iframe width="560" height="315" src="https://www.youtube.com/embed/tD63b6Z-Tr0?start=20&end=30" frameborder="0" allowfullscreen=""></iframe>

수정된 부분은 ?start=20&end=30 이다, 이소스에 추천동영상이 나타나지 않게 하려면&를 속성을 구분하고 뒤에 속성 값 rel=0을 추가한다.
파랑색 부분이 추가된 속성이다. ?start=20&end=30&rel=0

설명한 속성을 적용한 것이 아래 문서에 삽입된 유튜브 영상이다.

자주 사용하는 속성

소스 수정에 자주 사용되는 속성 들인데 필자는 특정 부분만 플레이하는 용도로 위의 예시처럼 사용하고 있다.

1. &는 속성 구분해주는 구분자고 속성 사이에 삽입한다.
2. autoplay=1 웹페이지가 열리자 마자 유튜브 동영상을 자동으로 실행한다. 0은 플레이해야 실행된다. 기본값은 0으로 되어 있다.
3. loop=1 이것은 사용자가 정지버튼을 누르지 않는한 무한 반복 상영한다. <iframe>에서 loop 사용은 유튜브영상의 주소표시줄 제일 끝에 있는 " 앞 부분 tD63b6Z-Tr0 과 같이 사용된다.
   이 부분은 '비디오 아이디 값'이라고 하며. 모든 비디오마다 다르다.)
4. start=50 이것은 처음 시작할때 0초부터 시작하지 말고 50초 후 부터 재생한다.
5. rel=0 동영상의 재생이 종료되면 추천 동영상이 나타나게 할 것이지를 결정한다, 0은 사용안함 1은 사용함이다.