带有flash 18的Jwplayer 7.0.3不播放视频,而HTML工作正常
尽管它在html5模式下可以很好地与mp4文件配合使用,但播放器既不能在flash模式下播放flv文件,也不能在flash模式下播放mp4文件。在Chrome(44.0.2403.157)nd Firefox(40.0.3)中,它无限期地加载 更奇怪的是,当使用以下调用从控制台加载flv文件时,jwplayer dashboard()中的播放机设法播放flv文件:带有flash 18的Jwplayer 7.0.3不播放视频,而HTML工作正常,flash,jwplayer,jwplayer7,Flash,Jwplayer,Jwplayer7,尽管它在html5模式下可以很好地与mp4文件配合使用,但播放器既不能在flash模式下播放flv文件,也不能在flash模式下播放mp4文件。在Chrome(44.0.2403.157)nd Firefox(40.0.3)中,它无限期地加载 更奇怪的是,当使用以下调用从控制台加载flv文件时,jwplayer dashboard()中的播放机设法播放flv文件: jwplayer(document.querySelector('.jwplayer')).load([{ file:'http:/
jwplayer(document.querySelector('.jwplayer')).load([{ file:'http://www.sample-videos.com/video/flv/720/big_buck_bunny_720p_1mb.flv' }]);
下面是一个JSFIDLE,展示了这个问题:
(请确保指定许可证密钥)
只需切换mp4和flv文件上的注释,以确保它实际上与mp4文件一起工作
HTML:
我还在JwPlayer的网站上发布了这个问题:奇怪,虽然这在JS小提琴中不起作用,但当我在本地加载以下内容时,一切正常:
<!DOCTYPE html>
<html>
<head>
<title>Template</title>
<script src="http://p.jwpcdn.com/player/v/7.0.3/jwplayer.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">jwplayer.key = "YOUR_KEY";</script>
</head>
<body>
<div id="player"></div>
<script type="text/javascript" language="javascript">
jwplayer("player").setup({
file: "http://www.sample-videos.com/video/flv/720/big_buck_bunny_720p_1mb.flv"
});
</script>
</body>
</html>
模板
jwplayer.key=“您的密钥”;
jwplayer(“播放器”)。设置({
文件:“http://www.sample-videos.com/video/flv/720/big_buck_bunny_720p_1mb.flv"
});
问题在于,显然,JwPlayer flash播放器需要访问窗口.JwPlayer
才能工作
但是,很明显,当使用AMD时,window.jwplayer
从未设置过
在修复之前,解决方法是在应用程序的代码中设置window.jwplayer
至于JSFIDLE,正如我在一篇评论中所说的,由于沙盒iframe,它无法工作
可能是因为JSFIDLE中有一个iframe?我将页面放在一个iframe中进行测试,根本没有问题-,page.html包含上面的内容。奇怪的是,在Chrome中,我没有问题,但我确实在Firefox中看到了问题,但只在JS FIDLE中看到了问题。更正,在Chrome it缓冲区中,在Firefox中,它会显示一个没有可播放源的错误。只是在小提琴上。当你在你的网站上运行播放器时,你是否也遇到了同样的问题?我在JSFIDLE中也遇到了同样的问题。是的,我用多个版本对它进行了测试,看看这个问题是否仍然存在。
jwplayer.key = "";
jwplayer.defaults = {
aspectratio: "16:9",
autostart: false,
controls: true,
displaydescription: false,
displaytitle: true,
flashplayer: "//ssl.p.jwpcdn.com/player/v/7.0.3/jwplayer.flash.swf",
height: 260,
mute: false,
ph: 1,
//plugins: {"http://assets-jpcust.jwpsrv.com/player/6/6124956/ping.js": {"pixel": "http://content.jwplatform.com/ping.gif"}},
primary: "html5",
repeat: false,
stagevideo: false,
stretching: "uniform",
width: "100%"
};
jwplayer(document.getElementById('player')).setup({
file: 'http://www.sample-videos.com/video/flv/720/big_buck_bunny_720p_1mb.flv'
//file: 'http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4'
});
<!DOCTYPE html>
<html>
<head>
<title>Template</title>
<script src="http://p.jwpcdn.com/player/v/7.0.3/jwplayer.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">jwplayer.key = "YOUR_KEY";</script>
</head>
<body>
<div id="player"></div>
<script type="text/javascript" language="javascript">
jwplayer("player").setup({
file: "http://www.sample-videos.com/video/flv/720/big_buck_bunny_720p_1mb.flv"
});
</script>
</body>
</html>