Как вы определяете, когда Flowplayer начал воспроизводить видео? - PullRequest
Новая
       47

Как вы определяете, когда Flowplayer начал воспроизводить видео?

0 голосов
/ 12 мая 2010

Я использую Видеоплеер Flowplayer Flash для воспроизведения MP4-видео внутри AnythingSlider . Мне нужно определить, когда пользователь нажал кнопку «Пуск» на видео, чтобы остановить слайд-шоу и разрешить пользователю просматривать видео. Я пытался использовать этот код только для того, чтобы получить окно предупреждения, но оно ничего не делает (код находится в конце страницы, перед закрывающим тегом </body>): 

<script type="text/javascript">
    $f("player","global/js/flowplayer/flowplayer-3.1.5.swf",{
        onStart: function(clip) {
            alert('player started');                
        }
    });
</script>

Flowplayer реализован как часть html5media библиотеки , которая автоматически определяет, может ли браузер обрабатывать тег <video>; если нет, он заменяет тег привязки ниже на Flowplayer: 

<video id="vid" width="372" height="209" 
     poster="global/vid/bbq-poster.jpg" controls preload>
    <source id="videoSource" src="global/vid/BBQ_Festival.mp4" 
        type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' 
        onerror="fallback(this.parentNode)" ></source>
    <a  
         href="global/vid/BBQ_Festival.mp4"  
         style="display:block;width:372px;height:209px; padding-left:5px; "  
         id="player"> 
    </a> 
</video>

Таким образом, вызов функции $ f () находится в блоке JavaScript в конце страницы, чтобы дать игроку возможность правильно загружаться. Что я делаю неправильно? Спасибо.

ОБНОВЛЕНИЕ: Вот сгенерированный HTML, как показано Firebug; попытался использовать идентификатор "VID" для игрока, но все равно не повезло. 

<object width="100%" height="100%" type="application/x-shockwave-flash" 
  data="http://html5media.googlecode.com/svn/trunk/src/flowplayer.swf" 
  id="vid_api">
  <param value="true" name="allowfullscreen">
  <param value="opaque" name="wmode">
  <param value="always" name="allowscriptaccess">
  <param value="high" name="quality">
  <param value="false" name="cachebusting">
  <param value="#000000" name="bgcolor">
  <param value="config={"play":null,"playlist":[{"url":"http://localhost/cms/global/vid/poster.jpg", 
   "scaling":"fit","fadeInSpeed":0,"fadeOutSpeed":0},
    {"url":"http://localhost/cms/global/vid/BBQ_Festival.mp4", 
    "autoPlay":false,"autoBuffering":true,"scaling":"fit",
    "fadeInSpeed":0,"fadeOutSpeed":0}],
    "clip":{"scaling":"fit","fadeInSpeed":0,"fadeOutSpeed":0},
    "plugins":{"controls":{"url":"http://html5media.googlecode.com/svn/trunk/src/flowplayer.controls.swf",
    "fullscreen":false,"autoHide":"always"}},
    "playerId":"vid"}" name="flashvars"></object>

Ответы [ 2 ]

1 голос
/ 27 сентября 2012

Вместо onStart используйте onBufferFull. Я использовал onStart, и иногда видео все еще находилось в буфере, и onStart уже срабатывал. Используя onBufferFull, я теперь, когда видео буферизовало минимум, и оно фактически начало воспроизводиться на экране. Если вам нужно, чтобы событие было запущено сразу после запуска видео, сохраните его во флаге, который «буферизуется в первый раз». onBufferFull вызывается кусками всякий раз, когда видео буферизует минимум (я полагаю, документация говорит 3 секунды) для воспроизведения. Надеюсь, это поможет.

1 голос
/ 12 мая 2010

Вы пробовали: 

$f("player", "global/js/flowplayer/flowplayer-3.1.5.swf", { 
  clip: {
    onStart: function(clip) {
      alert('poop');
    }
  }
});
...