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