2012-02-16 15 views
13

Как я могу заставить своего видеопроигрывателя пропустить/перейти к определенному времени. Я пошел на это, и он работает, когда страница сначала загружается (в Chrome), но не в каком-либо другом браузере. У меня также есть флэш-резерв, который может быть больным, но на данный момент приоритетом является HTML-сторона вещей Основная проблема заключается в том, что он не работает за пределами Chrome!HTML5 поиск видео [обновлено]

EDIT: Это теперь работает в IE9, Chrome и Firefox. Однако, не со вспышкой!

Ниже приведена моя попытка.

Я использую следующий JS до сих пор:

<script language="javascript"> 
    $(function() { 
    var v = $("#video").get(0); 
     $('#play').click(function(){ 
       v.play(); 
     }); 

     $('.s').click(function(){ 
      alert("Clicked: "+$(this).html() +"- has time of -" + $(this).attr('s')); 
      v.currentTime = $(this).attr('s'); v.play(); 
     }); 
    }); 
    </script> 

Какие ссылки на следующие:

<video id="video" controls width="500"> 
     <!-- if Firefox --> 
     <source src="video.ogg" type="video/ogg" /> 
     <!-- if Safari/Chrome--> 
     <source src="video.mp4" type="video/mp4" /> 
     <!-- If the browser doesn't understand the <video> element, then reference a Flash file. You could also write something like "Use a Better Browser!" if you're feeling nasty. (Better to use a Flash file though.) --> 
     <object type="application/x-shockwave-flash" data="player.swf" 
     width="854" height="504"> 
      <param name="allowfullscreen" value="true"> 
      <param name="allowscriptaccess" value="always"> 
      <param name="flashvars" value="file=video.mp4"> 
      <!--[if IE]><param name="movie" value="player.swf"><![endif]--> 
      <p>Your browser can’t play HTML5 video.</p> 
    </object> 
    </video> 

С контексте имеющих кнопки с классом s и пользовательских атрибутов s=60 для " 60 секунд "и т. Д.

ответ

11
seekToTime:function(value) 
{ 
    var seekToTime = this.videoPlayer.currentTime + value; 
    if(seekToTime < 0 || seekToTime > this.videoPlayer.duration) 
     return; 

    this.videoPlayer.currentTime = seekToTime; 
} 

Это функция поиска, которую мы используем. Это в синтаксисе MooTools, но вы поймете суть. Надеюсь, поможет.

+0

изменил код сейчас, чтобы в конце счета/начать переполнение. Но что из этого происходит? Как я могу управлять SWF? Возьмите на себя больную необходимость JQ – JustAnotherDeveloper

+0

Принял этот ответ, поскольку проблема im, имеющая сейчас, не связана с вопросом. – JustAnotherDeveloper

1

Я думаю, вы создали свои собственные элементы управления с помощью js и css ?! Итак, вы должны расширить свой swf, который вы можете назвать функцией поиска из javascript. внешний интерфейс является вашим другом: в Actionscript/вспышка:

import flash.external.ExternalInterface; 

ExternalInterface.addCallback("methodName", this, method); 

function method() { trace("called from javascript"); } 

называют это с помощью яваскрипта

function callAS() { 
    swf.methodName(); 
} 
+0

Я использую основной флеш-плеер в настоящий момент, я планирую использовать FlowPlayer или JWPLayer и т. Д. Просто нужно выяснить, как подключить их к моим событиям :) – JustAnotherDeveloper

Смежные вопросы