我想让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>
关于javascript - 如何在jwplayer中一一调用带参数的href函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36101504/