2016-03-19 10 views
1

jwplayerに1つずつhrefのリストをロードしたいのですが、hrefのリストが呼び出された関数で呼び出されます。 JavaScriptに渡します。私は以下のコードを含んでいます。jwplayerでarugmentsとhref関数を1つずつ呼び出す方法

<html> 
<head> 
//Add jwplayer script 
</head> 
<body> 
<div id='VideoPlayer'>Loading the player ...</div> 
<ul id="myList"> 
<li><a href="#" onclick="show_alert('sample video1','image1')">Test</a> 
<li><a href="#" onclick="show_alert('sample video2','image2')">Test1</a> 
</ul> 
<script type="text/javascript"> 
function show_alert(my_string,s) 
{ 
var playerInstance = jwplayer('VideoPlayer'); 
playerInstance.setup({ 
file: my_string, 
image: s, 
title: 'My Cool Video', 
primary: 'html5', 
width: 640, 
height: 480 
}); 
} 
[].forEach.bind(document.querySelectorAll("#myList li a"),function(itm){ 
itm.click(); 
})(); </script></body></html> 
+0

達成しようとしている動作は何ですか?プレイリストを使用して達成できるか:https://support.jwplayer.com/customer/en/portal/articles/1413089-javascript-api-reference#playlistまたはfeed:https://support.jwplayer.com/customer/ ja/portal/articles/1406722-external-playlists-and-feeds? –

+0

プレイリストなしで提供されているビデオリンクのリストをプレイヤーに再生させたい場合、オンクリックタスクなし。 https://support.jwplayer.com/customer/portal/articles/1480872-example-creating-an-html-playlist上のリンクはonclickでサポートされています。準備ができた機能をロードするように設定すると、リンクから最後の動画が読み込まれます。 – ski

答えて

0

セットアップの設定でJavaScriptの読み込み動作を実装しようとしているようです。これらの動作を分離してみてください。たとえば、

<body> 

<div id="VideoPlayer"></div> 

<ul> 
<li><a href="javascript:loadVideo('SampleVideo1.mp4','SampleImage1.jpg')">Video 1</a></li> 
<li><a href="javascript:loadVideo('SampleVideo2.mp4','SampleImage2.jpg')">Video 2</a></li> 
<li><a href="javascript:loadVideo('SampleVideo3.mp4','SampleImage3.jpg')">Video 3</a></li> 
</ul> 

<script type='text/javascript'> 
    var playerInstance = jwplayer("VideoPlayer"); 
    playerInstance.setup({ 
     file: 'SampleVideo.mp4', 
     image: 'SampleImage.jpg', 
     title: 'My Cool Video', 
     primary: 'html5', 
     width: 640, 
     height: 480 
    }); 

    function loadVideo(myFile,myImage) { 
    playerInstance.load([{ 
     file: my_string, 
     image: s, 
    }]); 
    playerInstance.play(); 
    }; 
</script> 


</body> 
+0

オンクリック機能ではうまく動作しますが、プレイヤーがオンクリックせずにhrefのリストを1つずつ読み込み始めるようにします。 – ski

関連する問題