ビデオソースのJavaScript

Question

私のソリューションを変更する：私は作業溶液を得た http://jsfiddle.net/g7mrs/22/

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

を、しかし私は1つだけの機能の代わりに、4つの

任意のアイデアを持っていると思いますか？

Answer 1

あなたは、パラメータとしてYouTubeの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>