2015-01-31 30 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