Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML5]currentTime w video
radziopoke
post 29.07.2012, 17:54:04
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
d3ut3r
post 30.07.2012, 02:35:57
Post #2





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

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


http://jsfiddle.net/Gt4cG/


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
radziopoke
post 30.07.2012, 08:59:43
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 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ź 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
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.06.2025 - 10:51