Flowplayer Flash疊加功能和ios兼容性

我有一個Flowplayer閃存問題。我正在使用多個視頻疊加層，並且該播放器在多個桌面瀏覽器上完美工作，但不能在ios設備上工作。我試過iPad js include和.ipad（）。但沒有任何工作。任何人都可以指出這裏的缺陷或工作，以使其在ios設備上播放？以下是完整的代碼...謝謝！Flowplayer Flash疊加功能和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>

來源

2013-03-13 David

當你說「它不工作」究竟是什麼經驗？

它是不是加載視頻或只是不加載在覆蓋？

我相信該插件以全屏模式打開播放器並自定義此模式的外觀。

在iOS上以全屏模式加載播放器時，它會在系統播放器中呈現，因此您嘗試使用的JS將不起作用。

如果根本不玩，我不能幫你。也許你可以提供更多信息。

來源

2013-11-12 16:29:10

Flowplayer Flash疊加功能和ios兼容性

回答

相關問題