流水遊戲：控件是隱藏的

默認情況下，控件是隱藏的，即使在鼠標懸停時也不顯示。流水遊戲：控件是隱藏的

我想定製控制UI，添加一個播放/暫停按鈕和控件應始終可見。

我有類名「flowplayer is-splash」爲div。

2012-11-03 Abraham Jagadeesh

Change the files names/path accordigly: 
You can also check the code here http://easydaytravels.com/video/example/ 

<html><head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<!-- A minimal Flowplayer setup to get you started --> 


    <!-- 
     include flowplayer JavaScript file that does 
     Flash embedding and provides the Flowplayer API. 
    --> 
    <script type="text/javascript" src="flowplayer-3.2.4.min.js"></script> 

    <!-- some minimal styling, can be removed --> 
    <link rel="stylesheet" type="text/css" href="style.css"> 

    <!-- page title --> 
    <title>Example</title> 

</head><body> 

    <div id="page"> 

     <h1>Black hawk down Part1</h1> 
      <br> 
     <a href="http://easydaytravels.com/files/Vts_03_1.flv" 
    style="display:block;width:425px;height:300px;" 
    id="player1"> 
</a> 

<h1>Black hawk down Part2</h1> 
      <br> 

     <a href="http://easydaytravels.com/files/Vts_03_2.flv" 
    style="display:block;width:425px;height:300px;" 
    id="player"></a> 

    <!--<a href="http://localhost/flv/Vts_03_1.flv" 
    style="display:block;width:425px;height:300px;" 
    id="player1"> 
</a> 
    <h1>Black hawk down Part2</h1> 
      <br> 

     <a href="http://localhost/flv/Vts_03_2.flv" 
    style="display:block;width:425px;height:300px;" 
    id="player"> 
</a>--> 

     <!-- this will install flowplayer inside previous A- tag. --> 
     <!--<script> 
      flowplayer("player", "../flowplayer-3.2.5.swf"); 
     </script> 
    --> 

    <script> 

flowplayer("player1", "../flowplayer-3.2.5.swf", { 
    clip: { 
     // these two configuration variables does the trick 
     autoPlay: false, 
     autoBuffering: false // <- do not place a comma here 
    } 
});  

flowplayer("player", "../flowplayer-3.2.5.swf", { 
    clip: { 
     // these two configuration variables does the trick 
     autoPlay: true, 
     autoBuffering: true // <- do not place a comma here 
    } 
});  

    </script> 


    </div> 


</body></html>

你可以試試這樣：

flowplayer("player_id", "/path/to/flowplayer-3.1.1.swf", { 
    onMouseOut: function() { 
     $f().getControls().show(); 
    }, 

    plugins: { 
     controls: { 
      backgroundGradient: 'none', 
      backgroundColor: 'transparent', 
      backgroundImage: 'url(/path/to/background.png)', 
      backgroundRepeat: 'repeat' 
     } 
    } 
});

您ACN也參照本http://flash.flowplayer.org/forum/8/20841的問題。

來源

2012-11-03 06:59:19

謝謝，但我希望控件在鼠標移出後仍可見。現在這些控件只有在鼠標懸停時纔會出現。 –

流水遊戲：控件是隱藏的

回答

相關問題