2012-06-20 72 views
0

我正在使用JW播放器嵌入我的视频http://www.longtailvideo.com/players/ 我的视频没有在Ipad或Iphone上播放,我几乎觉得HTML5视频标签有问题。视频只是黑色。代码嵌入在divJW播放器IPAD黑屏

<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> 

一切工作的闪速结束精细它播放视频上的任何正常的浏览器,但在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播放器?

谢谢!

+0

宇都加载安装()方法不正确的属性,请查看我的答案以获取正确的代码。 –

回答

1

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

下面的代码似乎在iPad/iPhone上运行,Working Demo Here

这种方法支持Flash回退为好,但主要起到HTML5视频(前提是影片没有编码问题。)

现在,您可以使用PHP动态加载图像,视频,JW文件夹名称等 如果你想彻底摆脱闪光灯的支持,请从模式节点
{ type: 'flash', src:'http://player.longtailvideo.com/player.swf'}!视频播放iPad上

<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>​ 

截图: enter image description here 也请记住,有与JW HTML5播放器的限制,你可以找到他们here

+0

嘿感谢您花时间回复。我的问题是,Jwplayer实施的HTML5视频标签无法正常工作...我为示例提供的额外视频标签是为了表明它在我自己使用视频标签时工作,因此我的视频的编码应该可以正常工作。 JW播放器再次没有正确处理HTML5视频标签或其他东西。这是我的问题。感谢你的宝贵时间。 – Pengume

+0

嗨,明白了,我用更新后的jw嵌入代码更新了答案,尝试使用Php生成上面的代码。 –

+0

非常感谢这么多当我有机会生病尝试它并报告回来! – Pengume