使用Javascript API在JWPlayer 5中动态更改文件和图像
有一个HTML播放列表,当用户单击播放列表中的某个项目但它不工作时,我想更改当前的视频和图像。我的代码怎么了 我的HTML:使用Javascript API在JWPlayer 5中动态更改文件和图像,jwplayer,Jwplayer,有一个HTML播放列表,当用户单击播放列表中的某个项目但它不工作时,我想更改当前的视频和图像。我的代码怎么了 我的HTML: <div class="item-video"> <script> var playerData = { file: 'dummy-file.flv', image: 'dummy-image.jpg', autostart: false
<div class="item-video">
<script>
var playerData = {
file: 'dummy-file.flv',
image: 'dummy-image.jpg',
autostart: false
}
</script>
<div id="item-player"></div>
<div class="playlist">
<ul>
<li>
<a class="thumb-holder" href="#" data-video="new-video.flv" data-image="new-image.jpg" title="test">
<img src="" alt="" />
<span>test</span>
</a>
</li>
</ul>
</div>
</div>
if ($(".item-video").length) {
if (typeof playerData != 'undefined') {
jwplayer('item-player').setup({
file: playerData.file,
image: playerData.image,
height: '300',
width: '420',
stretching: 'uniform',
smoothing: 'false',
modes: [
{ 'type': 'html5' },
{ 'type': 'flash', src: '/mediaplayer/player.swf' },
{ 'type': 'download' }
],
autostart: playerData.autostart,
backcolor: '#efefef',
controlbar: 'bottom',
skin: '/mediaplayer/skins/bekle/bekle.zip',
allowscriptaccess: 'always',
});
}
$(".playlist").delegate('a', 'click', function(e) {
var $item = $(this);
var video = $item.attr('data-video');
var image = $item.attr('data-image');
if (typeof video != 'undefined') {
jwplayer().load({
file: video,
image: (typeof image != 'undefined') ? image : ""
});
}
e.preventDefault();
});
}
似乎JWPlayer的人已经删除了JWPlayer 5的文档,他们建议升级到JWPlayer 6,但我不能 多亏了建议,问题是因为使用了JWPlayer的早期版本(我使用的是5.2,API使用的是5.3+)
更新播放机修复了此问题。您是否有此代码运行位置的链接?另外,JW5文档刚刚被移动,没有被删除。它现在驻留在这里-不幸的是,在我找到这个问题的解决方案之前,代码正在我的本地计算机上运行。如果你要我的页面来做这个,我确信我的页面上没有任何其他javascript错误。可能是因为我的JWPlayer版本吗?是5.2。此API是否适用于所有JWPlayer 5版本?您至少需要5.3+才能使我们的API正常工作。与“emaxsaun”的响应相反,JW5文档已被完全删除。我是那些拥有JW5的人中的一员,我不打算给他们更多的钱来升级我不需要的东西。遗憾的是,他们不尊重JW5的许可所有者,并且提供JW5文档。这显示了他们是什么样的公司。