如何在 JWPLAYER 中一一调用带有 arugments 的 HREF 函数

how to call href function with arugments one by one in jwplayer

本文关键字：arugments HREF 函数 调用 JWPLAYER 一一      更新时间：2023-09-26

我希望jwplayer一个接一个地加载href列表，我有一个href列表，里面有一个调用的函数，如何使用我使用的参数自动触发href链接函数并传递给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>

看起来您正在尝试在安装配置中实现 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>
相关文章：