Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML5]currentTime w video
radziopoke
post
Post #1





Grupa: Zarejestrowani
Postów: 125
Pomógł: 14
Dołączył: 2.06.2010

Ostrzeżenie: (0%)
-----


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

  1. <!DOCTYPE html>
  2. <head>
  3. <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  4. <script type="text/javascript">
  5.  
  6. $(document).ready(
  7. function()
  8. {
  9. $("#v1").get(0).src = 'video1.webm';
  10. $("#v1").get(0).play();
  11. $("#v1").get(0).currentTime = 30;
  12. });
  13.  
  14. </script>
  15. </head>
  16. <body>
  17. <video id="v1" width="854" height="480" controls>
  18. Brak obsługi wideo
  19. <video>
  20. </body>
  21. </html>


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
d3ut3r
post
Post #2





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/Gt4cG/
Go to the top of the page
+Quote Post
radziopoke
post
Post #3





Grupa: Zarejestrowani
Postów: 125
Pomógł: 14
Dołączył: 2.06.2010

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/smile.gif)
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ź (IMG:style_emoticons/default/smile.gif)
Dla tych co też by mieli taki problem podaję kod:
  1. <!DOCTYPE html>
  2. <head>
  3. <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  4. <script type="text/javascript">
  5.  
  6. $(document).ready(
  7. function()
  8. {
  9. $("#v1").get(0).src = 'video1.webm';
  10. $("#v1").get(0).addEventListener('canplay',function(){
  11. $("#v1").get(0).currentTime = 30;
  12. $("#v1").get(0).play();
  13. }, false);
  14. });
  15.  
  16. </script>
  17. </head>
  18. <body>
  19. <video id="v1" width="854" height="480" controls>
  20. Brak obsługi wideo
  21. <video>
  22. </body>
  23. </html>


Ten post edytował radziopoke 30.07.2012, 09:20:14
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 23:34