변경 비디오 소스 자바 스크립트

Question

내 솔루션 : 내가 작업 솔루션을 가지고 http://jsfiddle.net/g7mrs/22/

function loadVideo(event) { 
    videojs("myPlayer").src({ 
    type: "video/youtube", 
    src: "https://youtu.be/ZSn3Tvc7jQU" 
    }); 
    event.preventDefault(); 
}     

그러나 내가 대신 4

어떤 아이디어가의 한 기능을 가지고 싶다?

Answer 1

당신은 매개 변수로 유튜브 URL을 전달할 수 있습니다

function loadVideo(url) { 
    videojs("myPlayer").src({ type: "video/youtube", src: url}); 
    event.preventDefault();     
} 

그리고 HTML에서 : @hsz 대답에 추가

<a href="#" onClick="loadVideo('https://youtu.be/ZSn3Tvc7jQU')">video</a> 
<a href="#" onClick="loadVideo('https://youtu.be/0BhSrfNgLxs')">video2</a> 

Answer 2

을, 당신은 또한에 URL의 첫 번째 부분을 추가 할 수 있습니다 함수를 호출하고 ID를 보냅니다.

나중에 비디오 제공 업체를 변경해야 할 경우 기본 정보 만 변경해야하므로 (ID가 동일하다고 가정 할 때) 도움이됩니다.

그래서 JS 기능 : HTML에서 다음

var base = 'https://youtu.be/'; 

function loadVideo(id) { 
    videojs("myPlayer").src({ type: "video/youtube", src: base + id }); 
    event.preventDefault();     
} 

끝

<a href="#" onClick="loadVideo('ZSn3Tvc7jQU')">video</a>