适用于IPAD的JW播放器黑屏

时间:2012-06-20 21:39:57

标签: php javascript html5 jwplayer

我正在使用JW播放器http://www.longtailvideo.com/players/嵌入我的视频 而我在Ipad或Iphone上播放的视频有问题,我认为HTML5视频标签。视频只是黑色。嵌入div的代码

 <div id="jwplayer-1"></div>     
 <script type="text/javascript">
        jwplayer('jwplayer-1').setup(
{"flashplayer":"<?php echo $jwplayer_folder; ?>/player.swf",
"width":"550",
"height":"500",
"controlbar":"bottom",
"icons":"true","playlist.position":"none","playlistsize":"180","repeat":"none",
"shuffle":"false","bufferlength":"1",
"smoothing":"true",
"stretching":"uniform",
"wmode":"opaque",
"mute":"false",
"volume":"90",
"skin":"<?php echo $jwplayer_folder; ?>/skins/whotube.zip",
"dock":"false",
"autostart":"false",
"file":"http://www.longtailvideo.com/jw/upload/bunny.mp4",
"image":"<?php echo $image_slug; ?>",
});
</script>

一切正常,在flash端,它可以在任何普通浏览器上播放视频,但在ipad上视频不能播放。我知道这不是编码问题或任何事情,因为我在视频下使用此代码并且它有效......

  <video width="320" height="240" controls="controls">
<source src="<?php echo $video_slug ?>" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>

任何想法或想法,因为我尝试了一切,我认为这可能是我在设置方法上设置JW播放器的方式?

谢谢!

1 个答案:

答案 0 :(得分:1)

好的我现在明白你的问题,

以下代码似乎适用于iPad / iPhone,Working Demo Here

此方法也支持Flash Fallback,但主要播放HTML5视频(假设视频没有编码问题。)

您现在可以使用Php动态加载图像,视频,jw文件夹名称等。 如果您想完全摆脱闪存支持,请删除
 来自模式节点的{ type: 'flash', src:'http://player.longtailvideo.com/player.swf'}

<script src="http://player.longtailvideo.com/jwplayer.js" type="text/javascript"></script>    

<p><div id="exampleHTML"></div></p>

<script type="text/javascript">
jwplayer('exampleHTML').setup({
    height: 360,
    image: "http://content.bitsontherun.com/thumbs/bkaovAYt-720.jpg",
    levels: [
        { file: "http://content.bitsontherun.com/videos/bkaovAYt-injeKYZS.mp4", type:"video/mp4" },
        { file: "http://content.bitsontherun.com/videos/bkaovAYt-27m5HpIu.webm", type:"video/webm" }
    ],
    modes: [
        { type: 'html5' },
        { type: 'flash',  src:'http://player.longtailvideo.com/player.swf'}
    ],
    width: 640
});
</script>​

在iPad上播放视频的屏幕截图: enter image description here 另请注意,jw HTML5播放器存在一些限制,您可以找到它们here