【问题标题】:JW player black screen for IPADJW播放器IPAD黑屏
【发布时间】:2012-06-23 02:58:34
【问题描述】:

我正在使用 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 播放器的方式?

谢谢!

【问题讨论】:

  • 你正在加载属性不正确的 setup() 方法,请参阅我的答案以获取正确的代码。

标签: php javascript html jwplayer


【解决方案1】:

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

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

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

您现在可以使用 PHP 动态加载图像、视频、jw 文件夹名称等。 如果您想完全摆脱对 Flash 的支持,请从模式节点中删除
{ 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 上播放视频的屏幕截图: 另外请记住,jw HTML5 Player 存在限制,您可以找到它们here

【讨论】:

  • 您好,感谢您抽出宝贵时间回复。我的问题是 HTML5 视频标签的 Jwplayer 实现无法正常工作......我为我的示例提供的额外视频标签是为了表明当我自己使用视频标签时它正在工作,因此我的视频编码应该可以工作. JW 播放器再次没有正确处理 HTML5 视频标签或其他东西。这是我的问题。再次感谢您的宝贵时间。
  • 嗨,知道了,我用更新的 jw 嵌入代码更新了答案,尝试使用 Php 生成上述代码。
  • 哇,非常感谢当我有机会尝试并报告回来!
  • 您可以查看工作演示,如果这有用,请接受答案并投票支持我的 Anser。干杯-
  • 感谢您的帮助。它最终成为了两件事的结合。你上面提到的帮助我找到了答案。那就是我两次包含 jwplayer.js。所以不管我做什么,视频标签都不能正常工作,但 Flash 可以。再次感谢!
猜你喜欢
  • 2014-04-01
  • 1970-01-01
  • 1970-01-01
  • 2021-12-20
  • 1970-01-01
  • 1970-01-01
  • 2017-04-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多