2

我有一个 Flowplayer 闪存问题。我正在使用多个视频叠加层，播放器可以在多个桌面浏览器上完美运行，但不能在 ios 设备上运行。我已经尝试过 iPad js 包含和 .ipad()。但没有任何效果。谁能指出这里的缺陷或解决方法以使其在 ios 设备上播放？这是完整的代码...谢谢！

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>

<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

<script src="http://www.angelmedflight.com/flowplayer/example/flowplayer-3.2.6.min.js"></script>
<script src="http://www.angelmedflight.com/flowplayer/flowplayer.ipad-3.2.2.min.js"></script>

<style>
#overlay {
    display: none;
    padding: 0px;
    width: 720px;
    height: 466px;
    background-image: url('http://www.angelmedflight.com/assets/images/BlackBox.png');
}
.close {
    background: url('http://www.angelmedflight.com/assets/images/close.png') no-repeat;
    position: absolute;
    top: 2px;
    right: 5px;
    display: block;
    width: 35px;
    height: 35px;
    cursor: pointer;
}
.close:hover {
    background: url('http://www.angelmedflight.com/assets/images/closeHover.png') no-repeat;
}
#player {
    display: block;
    width: 640px;
    height: 360px;
    margin-top: 40px;
    margin-left: 40px;
    border-top: 1px solid #000;
    border-left: 1px solid #111;
    border-right: 1px solid #444;
    border-bottom: 1px solid #666;
    border: 1px solid #000;
}
#player *:focus {
    outline-style: none;
}
</style>

<script>

$(function () {
    var player = $f("player", "http://angelmedflight.com/flowplayer/flowplayer-3.2.15.swf").ipad();

    $("a[rel]").overlay({
      mask: {
        color: '#000',
        opacity: 0.8
      },
      onLoad: function () {
        player.play(this.getTrigger().attr("href"));
      },
      onClose: function () {
        player.unload();
      }
    });

  });

</script>

</head>

<body>

<div class="ls-layer">
    <img class="ls-bg" src="assets/images/carousel/video1.jpg" />

    <a rel="#overlay" href="http://www.angelmedflight.com/video/Process_640x360_vegas_i.mp4"><img class="ls-s1" src="http://www.angelmedflight.com/assets/images/carousel/layer_play_button.png" /></a>

</div>

<div id="overlay">
    <a class="close"></a>           

    <div id="player">&nbsp;</div>

</div>

</body>
</html>
4

1 回答 1

0

当您说“它不起作用”时，究竟是什么体验？

它根本不加载视频还是只是不将其加载到叠加层中？

我相信该插件以全屏模式打开播放器并自定义此模式的外观。

当播放器在 iOS 上以全屏模式加载时，它会在系统播放器中呈现，因此您尝试使用的 JS 将无效。

如果它根本不播放，我无法帮助你。也许您可以提供更多信息。

于 2013-11-12T16:29:10.993 回答