mp4文件无法在flowplayer fancybox插件中播放

发布于 2024-12-11 09:39:52 字数 964 浏览 0 评论 0原文

我遇到一个问题，即 .mp4 视频文件无法加载到 fancybox 插件内的 flowplayer 中。

Chrome 和 IE：加载图像不断转圈，但一条消息显示 mp4 视频文件

Firefox：白色空白框

我的网站是：http://www.globalbest.com.hk/magazine.html

我想在fancybox flowplayer中打开第一个“观看视频链接”顶部的视频片段

<script>
$("a[class=video]").click(function() {  
  ar vf = $(this).attr("href");  
  $.fancybox('',{  
  'overlayShow'   : true,  
  'transitionIn'  : 'elastic',  
  'transitionOut' : 'elastic',  
  'titlePosition' : 'over', 
  'type' : 'swf', 
  'autoDimensions':false,  
  'centerOnScroll': true,  
  'width' : 800,  
  'height':600,  
  'onComplete' : function() {  
  $("#fancybox-content").html('').flowplayer("flowplayer/flowplayer-3.2.7.swf", {clip:{url:vf}});  
}  
});  
return false;  
});  
</script>

<a class="video" href="videos/iBone.HKSTAR.mp4" title="example title text">Watch Video</a>

原文

I am encountering an issue that .mp4 video file can not be loaded in the flowplayer within the fancybox plugin.

Chrome and IE: the loading images keep making circle but a message shows that the mp4 video file

Firefox: white blank box

my site is: http://www.globalbest.com.hk/magazine.html

I want to open the video clips on the top of the first "watch video link" in the fancybox flowplayer

<script>
$("a[class=video]").click(function() {  
  ar vf = $(this).attr("href");  
  $.fancybox('',{  
  'overlayShow'   : true,  
  'transitionIn'  : 'elastic',  
  'transitionOut' : 'elastic',  
  'titlePosition' : 'over', 
  'type' : 'swf', 
  'autoDimensions':false,  
  'centerOnScroll': true,  
  'width' : 800,  
  'height':600,  
  'onComplete' : function() {  
  $("#fancybox-content").html('').flowplayer("flowplayer/flowplayer-3.2.7.swf", {clip:{url:vf}});  
}  
});  
return false;  
});  
</script>

<a class="video" href="videos/iBone.HKSTAR.mp4" title="example title text">Watch Video</a>

分享到QQ

分享到微博