mp4 - jplayer 2.6 : cannot make jplayer 2. 6 播放mp4视频文件

Question

我已经按照 jplayer.org 网站上的说明编码并安装了示例视频 html 文件。使用 jplayer 提供的示例视频，该视频可以在 IE、Chrome 和 Pale Moon 中正常播放，尽管我不确定播放哪个版本(m4v 或 ogv)。 -- www.bbhq.com/first2.htm

但是，当我将视频编码更改为 mp4(而不是 m4v)和 ogv 文件(如下所示)时，播放器会播放，但在 IE、Chrome 和 Pale Moon 中默认为 ogv 版本。在我的 Kindle Fire HDX 上，它显示一条消息，指示我需要安装 flash 插件，当然，该插件不适用于 Kindle Fire HDX，因此根本无法播放:

www.bbhq.com/first3.htm

$(document).ready(function(){                
  $("#jquery_jplayer_1").jPlayer({         
    ready: function () {                          
      $(this).jPlayer("setMedia", {          
        title: "my title",       
        mp4: "http://www.bbhq.com/vfiles/mine.mp4",        
        ogv: "http://www.bbhq.com/vfiles/mine.ogv",           
        poster: "http://www.bbhq.com/vfiles/mine.png"       
      });            
    },               
    swfPath: "/jp",                     
    supplied: "mp4, ogv"            
}); 

我的偏好是尽可能播放 mp4 版本，如果可能的话，跳过使用 ogv 文件。

我已经使用 Handbrake 对我的 mp4 文件进行了编码，就像我对其他播放器 (H.264) 所做的那样。

要么是我的 mp4 编码不正确，要么是我的 html 页面编码不正确。你能帮我解决这个问题吗？

谢谢。

Answer 1

jpayer 中没有 mp4 key 来传递 mp4 文件，您可以使用 m4v key 并将供应值更改为“m4v”。因此，如果您想播放 mp4 视频，请更改代码如下

  $(document).ready(function(){                
  $("#jquery_jplayer_1").jPlayer({         
    ready: function () {                          
      $(this).jPlayer("setMedia", {          
        title: "my title",       
        m4v: "http://www.bbhq.com/vfiles/mine.mp4",  //mp4 key changed      
        ogv: "http://www.bbhq.com/vfiles/mine.ogv",           
        poster: "http://www.bbhq.com/vfiles/mine.png"       
      });            
    },               
    swfPath: "/jp",                     
    supplied: "m4v, ogv"   // instead of mp4 pass m4v        
  });  

媒体支持

HTML5:mp3、mp4 (AAC/H.264)、ogg (Vorbis/Theora)、webm (Vorbis/VP8)、wav闪存:mp3、mp4 (AAC/H.264)、rtmp、flv对于跨浏览器支持，必须提供同时适用于 HTML5 和 Flash 的格式。可以提供可选的附加格式以增强跨浏览器 HTML5 支持。