Forum PHP.pl > [HTML5]currentTime w video

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML5]currentTime w video

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

radziopoke

29.07.2012, 17:54:04

Potrzebuję stworzyć skrypt odtworzy film od wybranej pozycji. stworzyłem coś takiego

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
 <head>
  <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  <script type="text/javascript">
 
   $(document).ready(
     function()
     {
	   $("#v1").get(0).src = 'video1.webm';
	   $("#v1").get(0).play();
	   $("#v1").get(0).currentTime = 30;
	 });
 
  </script>
 </head>
 <body>
  <video id="v1" width="854" height="480" controls>
   Brak obsługi wideo
  <video>
 </body>
</html>
[HTML] pobierz, plaintext

Film jest odtwarzany bez problemu, ale od początku, a ja chciałem by wystartował np. od 30 sekundy. Co więc mam zrobić by film odtworzył się od wybranej pozycji.

d3ut3r

30.07.2012, 02:35:57

http://jsfiddle.net/Gt4cG/

radziopoke

30.07.2012, 08:59:43

tak to zadziała tylko bo moim skrypcie widać że film ma się włączyć automatycznie.
Wiem już dokładnie w czym leży problem:
Film nie zdąży się załadować zanim przestawię czas przez co film startuje ale od początku.
Jak wychwycić moment w którym film jest już gotowy do odtwarzania?
Próbowałem onload, ale to tylko na obrazkach działa

W skrypcie którym podałeś film wystartuje bez problemu bo zanim naciśniesz sam przycisk to film już jest załadowany.
Jak już wiedziałem którym tropem iść to po kilkunastu minutach znalazłem odpowiedź

Dla tych co też by mieli taki problem podaję kod:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
 <head>
  <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  <script type="text/javascript">
 
   $(document).ready(
     function()
     {
	$("#v1").get(0).src = 'video1.webm';
        $("#v1").get(0).addEventListener('canplay',function(){
          $("#v1").get(0).currentTime = 30;   
          $("#v1").get(0).play(); 
        }, false);
     });
 
  </script>
 </head>
 <body>
  <video id="v1" width="854" height="480" controls>
   Brak obsługi wideo
  <video>
 </body>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.