2015-01-31 78 views
0

flowplayer有一個視頻播放,它可以在我的網站上下載。如何使用流水遊戲在視頻中嵌入文本?

我正在使用下面的代碼來爲右側的文本添加動畫:100%使用jquery保持100%。

flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", { 
       wmode: 'transparent', 
       // the content plugin will show the ad 
       plugins: { 
        myContent: { 
         url: 'flowplayer.content-3.2.9.swf', 
         wmode: 'transparent', 
         top: 20, 
         right: '129%', 
         opacity: 0.8, 
         width: '295', 
         borderRadius: 0, 
         padding: 0, 
         background: 'transparent', 
         border: '0px solid transparent', 
         backgroundGradient: 'none', 
         style: { 
          '.title': { 
           fontSize: 16, 
           fontFamily: 'verdana,arial,helvetica' 
          } 
         }, 
        } 
       }, 
       clip: { 
        url: 'stepup.mp4', 

        // make something happen on the mid of clip 
        onCuepoint: [[1000 * 60], function(clip, cuepoint) { 

          var plugin = this.getPlugin("myContent"); 

          plugin.setHtml('<p>This is sample text</p>'); 

          plugin.animate({left: '129%'}, 90000); 

         }], 
       } 
      }); 
     }); 

我從以下兩個代碼問題:

1)我將如何設置提示點在視頻的中旬。目前設定爲第60秒。

2)如何在停止時停止文本動畫並在簡歷上啓動。

3)我將如何保持從視頻左邊緣到視頻右邊緣的動畫屏幕寬度。

4)視頻中的嵌入文本是否存在於下載的文件中?如果不是,我會怎麼樣?

在此先感謝。

回答

0

這是一個關於在流視頻中添加標題的教程。

示例代碼如下:

  <p begin = "00:00:00.01" dur="04.00"> 
     First caption with default style coming from the Content plugin config 
    </p> 

      <p begin = "00:00:04.19" dur="04.00" style="1"> 
     2nd caption with timed text styling to make the text white 
    </p> 

      <p begin = "8s" dur="04.00" style="2"> 
     3rd caption using a small black font 
    </p> 
    </div> 

這裏的地址找到教程:

http://flash.flowplayer.org/plugins/flash/captions.html

希望這有助於!

+0

謝謝凱文!我已經這樣做了。這是我的問題。 – 2015-02-01 06:49:10