YouTube 동영상을 퍼가려면 어떻게하고 Vimeo 비디오를 대기열로 묶어 첫 번째 작업이 끝나면 바꿉니 까?

Question

특정 비디오 사이트는 단지 예입니다. 그러나 같은 사이트 또는 다른 방법으로 첫 번째 완료 후에 다른 비디오를 어떻게 대기시킬 수 있는지 궁금합니다. 기본적으로 임시 재생 목록입니다.

비디오 링크 시퀀스가 ​​주어지면 어떻게 이들을 하나로 묶어 "재생 목록"을 만들 수 있습니까?

Answer 1

JavaScript는 여기로가는 길입니다. 동영상 한 개가 끝나면 자바 스크립트에서 새 삽입물의 값을 변경합니다. Vimeo와 YouTube는 모두 비슷한 embed 메소드 (iframe)를 사용하기 때문에 훨씬 단순합니다.

동영상이 끝나면 (이 게시물의 마지막 부분에서 더 많은 부분을 감지하면) 자바 스크립트를 사용하여 iframe의 SRC 속성을 변경하십시오. 필요에 따라 너비와 높이를 변경할 수도 있습니다.

예 :

<iframe id="ourVideo" width="400" height="225" src="http://player.vimeo.com/video/28023982?title=0&amp;byline=0&amp;portrait=0" frameborder="0"></iframe> 

그런 다음,

var newHTML = "http://www.youtube.com/embed/ZnehCBoYLbc?rel=0"; 
document.getElementById("ourVideo").setAttribute("src", newHTML); 

자바 스크립트

에 나는 새로운 HTML에 대한 새로운 변수를 만들어,하지만 당신은 당신이 원하는 곳에서이 당겨 수 있습니다. 재생 목록 기능을 원한다면 나는 그 통해 반복 한 후, 자바 스크립트에서 배열을 채우는 것을 권 해드립니다,

$("#ourVideo").attr("src", newHTML); 

:

var playlist = [ "http://....1", "http://....2", "http://....3", "http://....4" ]; 

어떻게하면 알 jQuery 같은 사용 프레임 워크는 삶을 훨씬 더 간단하게 변경하려면 :

이것은 까다 롭습니다. 게으른 방법으로 비디오의 길이와 동일한 타이머를 설정할 수 있습니다 (권장하지 않음, 특히로드 시간 고려). 다른 방법은 비디오 플레이어에서 JavaScript 콜백을 사용하는 것입니다. 이것은 더 복잡하지만 훨씬 좋습니다. 여기에 콜백에

더 많은 정보 :

YouTube's JS API Callbacks

Vimeo's