Javascript 如何在jwplayer中用Arumings逐个调用href函数_Javascript_Php_Jquery_Html_Jwplayer

Javascript 如何在jwplayer中用Arumings逐个调用href函数

javascript php jquery html

Javascript 如何在jwplayer中用Arumings逐个调用href函数,javascript,php,jquery,html,jwplayer,Javascript,Php,Jquery,Html,Jwplayer,我想让jwplayer一个接一个地加载href列表，我有一个href列表，其中有一个调用的函数，如何使用我使用的参数自动触发href link函数并传递给JavaScript。我在下面包含了我的代码 <html> <head> //Add jwplayer script </head> <body> <div id='VideoPlayer'>Loading the player ...</div> <ul id="m

我想让jwplayer一个接一个地加载href列表，我有一个href列表，其中有一个调用的函数，如何使用我使用的参数自动触发href link函数并传递给JavaScript。我在下面包含了我的代码

<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>


//添加jwplayer脚本
正在加载播放器。。。




函数show\u alert（我的\u字符串，s）
{
var playerInstance=jwplayer（“视频播放器”）；
playerInstance.setup({
文件：我的字符串，
图片：s，
标题：“我的酷视频”，
主要：“html5”，
宽度：640，
身高：480
});
}
[]forEach.bind（document.queryselectoral（#myList li a）），函数（itm）{
itm.click（）；
})();

看起来您正试图在设置配置中实现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>







var playerInstance=jwplayer（“视频播放器”）；
playerInstance.setup({
文件：“SampleVideo.mp4”，
图片：'SampleImage.jpg'，
标题：“我的酷视频”，
主要：“html5”，
宽度：640，
身高：480
});
函数loadVideo（myFile，myImage）{
playerInstance.load([{
文件：我的字符串，
图片：s，
}]);
playerInstance.play（）；
};

看起来您正试图在设置配置中实现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>







var playerInstance=jwplayer（“视频播放器”）；
playerInstance.setup({
文件：“SampleVideo.mp4”，
图片：'SampleImage.jpg'，
标题：“我的酷视频”，
主要：“html5”，
宽度：640，
身高：480
});
函数loadVideo（myFile，myImage）{
playerInstance.load([{
文件：我的字符串，
图片：s，
}]);
playerInstance.play（）；
};

您想要达到的预期行为是什么？是否可以使用播放列表：或提要：？我希望我的播放机播放提供的视频链接列表，而无需播放列表，无需单击任务。上面的链接支持onclick，当我打开ready函数加载它时，它会从提供的链接加载最后一个视频。您试图实现的预期行为是什么？是否可以使用播放列表：或提要：？我希望我的播放机播放提供的视频链接列表，而无需播放列表，无需单击任务。上面的链接支持onclick，当我设置就绪功能加载时，它会从提供的链接加载最后一个视频。它可以使用on-click功能，但我希望我的播放机在不单击的情况下开始逐个加载href列表。它可以使用on-click功能，但我希望我的播放机在不单击的情况下开始逐个加载href列表。