这是我第一次使用Jwplayer。我正在尝试使用Jwplayer播放视频。我写的代码可以在Firefox、IE、Opera中使用,但不能在Chrome中使用。
上面写着"加载媒体时出错:无法播放文件"。我的代码如下。我也在使用CodeIgniter和Bootstrap。
<section class="row">
<div class="col-md-12">
<div id="ad-video">Loading the player...</div>
</div>
</section>
$(document).ready(function(){
jwplayer("ad-video").setup({
file: "http://vatiali.com/assets/videos/choc.mp4",
image: "http://vatiali.com/assets/images/black.jpg"
});
});
我认为这不是正确的修复方法。我认为这是一个变通办法,掩盖了真正的问题。
主播放模式的默认设置是HTML5。使用默认设置操作时,如果浏览器不支持视频文件的HTML播放并且安装了flash插件,JWPlayer应自动回退到使用flash播放视频。
我怀疑您的JWPlayer实现只适用于Flash。
请在未安装Flash但支持您正在使用的视频类型的HTML5播放的浏览器上测试您的实现。我怀疑它不会起作用。
要进一步解决此问题,请将主设置恢复为默认设置,打开JavaScript控制台,刷新页面并告诉我们您看到的错误。
以下是问题所在的猜测。jwplayer.html5.js文件是否与jwplayer.js文件位于同一目录中?如果没有,您可以使用"html5layer"选项t指定文件的位置。
我不得不为我的jwplayer设置将primary选项设置为"flash"。代码看起来像
video_player_jw.setup({
file: $('#source_url').val(),
height: 360,
width: 640,
primary: 'flash'
});
我只在chrome中做这件事,因为它在所有其他浏览器中都能很好地与html5一样使用。