Question

我有一个Flowplayer flash问题。我正在使用多个视频叠加层，播放器可以在多个桌面浏览器上完美运行，但不能在ios设备上运行。我试过iPad js include和.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>

Answer 1

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

是否根本没有加载视频，或者只是不将其加载到叠加层中？

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

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

如果根本没玩，我帮不了你。也许你可以提供更多信息。

Flowplayer Flash覆盖功能和ios兼容性

1 个答案: