jPlayer无法播放.flv文件

我无法使用jPlayer播放.flv文件的视频文件。jPlayer无法播放.flv文件

我从jPlayer主页下载演示代码并尝试编辑一个演示文件来播放.flv文件。

下面是代码：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 

<!-- Website Design By: www.happyworm.com --> 
<title>Demo : jPlayer as a video player</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<link href="skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script> 
<script type="text/javascript"> 
//<![CDATA[ 
$(document).ready(function(){ 

    $("#jquery_jplayer_1").jPlayer({ 
     ready: function() { 
      $(this).jPlayer("setMedia", { 
       flv: "http://stream.baicadicungnamthang.info/medias/Ngoc%20Lan%202/Bai%20ca%20thong%20nhat%20-%20(Vo%20Van%20Di)%20-%20Ngoc%20Lan.flv" 
      }); 
     }, 
     swfPath: "js", 
     supplied: "flv, webmv, ogv, m4v", 
     size: { 
      width: "640px", 
      height: "360px", 
      cssClass: "jp-video-360p" 
     }, 
     smoothPlayBar: true, 
     keyEnabled: true 
    }); 

}); 
//]]> 
</script> 
</head> 
<body> 
     <div id="jp_container_1" class="jp-video jp-video-360p"> 
      <div class="jp-type-single"> 
       <div id="jquery_jplayer_1" class="jp-jplayer"></div> 
       <div class="jp-gui"> 
        <div class="jp-video-play"> 
         <a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a> 
        </div> 
        <div class="jp-interface"> 
         <div class="jp-progress"> 
          <div class="jp-seek-bar"> 
           <div class="jp-play-bar"></div> 
          </div> 
         </div> 
         <div class="jp-current-time"></div> 
         <div class="jp-duration"></div> 
         <div class="jp-controls-holder"> 
          <ul class="jp-controls"> 
           <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li> 
           <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li> 
           <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li> 
           <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li> 
           <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li> 
           <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li> 
          </ul> 
          <div class="jp-volume-bar"> 
           <div class="jp-volume-bar-value"></div> 
          </div> 
          <ul class="jp-toggles"> 
           <li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li> 
           <li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li> 
           <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li> 
           <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li> 
          </ul> 
         </div> 
         <div class="jp-title"> 
          <ul> 
           <li>Big Buck Bunny Trailer</li> 
          </ul> 
         </div> 
        </div> 
       </div> 
       <div class="jp-no-solution"> 
        <span>Update Required</span> 
        To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. 
       </div> 
      </div> 
     </div> 
</body> 

</html>

这里的视频文件是正确的，你可以对其进行测试。 http://stream.baicadicungnamthang.info/medias/Ngoc%20Lan%202/Bai%20ca%20thong%20nhat%20-%20(Vo%20Van%20Di)%20-%20Ngoc%20Lan.flv

但是玩家不能玩它。

任何人都可以看我可以播放.flv文件的演示吗？

更新：当使用调试模式errorAlerts: true,，它显示了这个警告： enter image description here

更新：我已经找到了解决办法 只需编辑从

supplied: "flv, webmv, ogv, m4v",

到

supplied: "flv",

来源

2013-11-05 Nguyễn Trọng Bằng

试试这个http://stackoverflow.com/questions/10786034/how-play-flv-files-using-jplayer。如果这有效，告诉我，我可以添加这个答案。谢谢！ –

@EliteGamer：我试过了你的建议，但我仍然不适合我。它显示了与上面更新相同的错误。 –

让我看看我还能做些什么来解决这个问题。 –

我找到了这个代码的解决方案：

$(document).ready(function ubstart() 
{ 

    $('body').append('<div id="mediaplayer"></div>'); 
    $.getScript('http://player.longtailvideo.com/jwplayer.js', function() 
    { 
     jwplayer("mediaplayer").setup({ 
     flashplayer: "http://player.longtailvideo.com/player.swf", 
     file: 'http://stream.baicadicungnamthang.info/medias/Ngoc%20Lan%202/Bai%20ca%20thong%20nhat%20-%20(Vo%20Van%20Di)%20-%20Ngoc%20Lan.flv', 
    autostart: "true" 
    }); 
     $('#mediaplayer_wrapper').css('z-index','107').css('width','853px').css('height','505px').css('padding','10px').addClass('bg_one').center(); 
    }); 

});

您将需要调整代码，以符合您的规格，但这完美地工作。

来源

2013-11-05 03:03:21

感谢您的解决方案，但这只是一个临时解决方案。该方法使用Flash播放器播放不具有HTML5特征的视频。我需要一个适用于上述规格的解决方案。 –

我已经找到了解决办法：这很简单：

从

supplied: "flv, webmv, ogv, m4v",

只需编辑

supplied: "flv",

这里的规则是：在setMedia和supplied必须匹配。在我的原始代码 setMedia字段中，我只定义了一种媒体类型（flv），但在提供的字段中，我定义了四种媒体类型（flv，webmv，ogv，m4v）。所以它制定了规则，jPlayer无法播放它。

从马克Panaghiston解决办法：

一个简单的问题，提供： “FLV”

你有它的方式，以 “M4V，FLV” 你必须提供这两种格式都在setMedia中。这就是为什么在大多数浏览器上，例如Chrome，都会设置HTML解决方案并期待m4v网址。那么你只有给flv，所以你打破了规则，jPlayer不能播放它。

如果你说我会提供格式A，B和C，那么你必须为每个setMedia提供它们。>核心格式在文档中给出： http://jplayer.org/latest/developer-guide/#jPlayer-essential-formats

例外是媒体播放器，您提供：audio-A，audio-B，video-A，video-B，然后setMedia必须给予所有的音频ro视频格式，以确保它的工作。

你还有其他问题，虽然...你是不是使用绝对URL。 - 我最近在Github上修复了这个问题，并计划推出。

参见： http://jplayer.org/latest/developer-guide/#jPlayer-option-supplied http://jplayer.org/latest/developer-guide/#jPlayer-setMedia

最终在你的情况，你应该放弃的FLV格式并只能使用M4V（MP4：H.264/AAC）格式。 FLV格式是副产品，并且从未成为设计的预期部分。

来源

2013-11-06 16:07:51

jPlayer无法播放.flv文件

回答

相关问题