Как вставлять текст в видео с помощью flowplayer?

Question

Существует видео, воспроизводимое в flowplayer, и оно можно загрузить на моем веб-сайте.

Я использую следующий код для анимированного текста справа: 100% налево 100% с помощью jquery.

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) Будет ли встроенный текст в видео существующим в загруженном файле? Если бы не я?

Заранее спасибо.

Answer 1

Вот учебник по добавлению титров в поточном видео.

Пример код ниже:

  <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

Надеется, что это помогает!