Chciałbym pokazać mały klip z długiego pliku wideo, który ma ponad 10 minut. Ten segment wideo zaczynałby się od czasu przesunięcia/czasu wyszukiwania wynoszącego 90 sekund i trwałby 45 sekund. Jak mogę to zrobić ?W wideo HTML5, jak odtwarzać mały klip z długiego wideo?
Odpowiedz
Phillip Brown ma rację. możesz to rozwiązać, kontrolując html-player przez js. na przykład w tym przypadku, film będzie autostartu i zagra videofile powinien 00: 10min do 00: 40min
<video id="yourVideoplayer" width="640" height="480" preload="auto"> //preload="auto" buffers the video if initialize. you cannot seek a video which isn t buffering already
<source src="test.mp4" type="video/mp4" />
<source src="test.ogv" type="video/ogg" />
This browser is not compatible with HTML 5
</video>
<script type="text/javascript">
window.onload = playVideoTeaserFrom(10,40); //this event will call the function after page was loaded
function playVideoTeaserFrom (startTime, endTime) {
var videoplayer = document.getElementById("yourVideoplayer"); //get your videoplayer
videoplayer.currentTime = starttime; //not sure if player seeks to seconds or milliseconds
videoplayer.play();
//call function to stop player after given intervall
var stopVideoAfter = (endTime - startTime) * 1000; //* 1000, because Timer is in ms
setTimeout(function(){
videoplayer.stop();
}, stopVideoAfter);
}
</script>
nie mogą być pewne błędy w nim, ale myślę, będziesz dostać punkt
Ta funkcja nie działa. Wideo zwykle działa na całej długości. – imbenzene
Dzieje się tak, ponieważ @longilong ustawia 'window.onload' na undefined i inne problemy z kodem. Istnieją oczywiste błędy. – Sam
Jeśli użytkownik szybko przewinie do przodu lub do tyłu za pomocą myszy, timer zatrzyma się o określonej godzinie innej niż ta, której się spodziewa. – jRam90
Wideo HTML5 obsługuje także specyfikację Media Fragment URI. Umożliwi to określenie tylko fragmentu filmu do odtworzenia. Korzystanie z niego jest dość banalne:
<source src="video.mp4#t=30,45" type="video/mp4"/>
Uruchomi wideo w 30-sekundowym znaku i zatrzyma wideo w 45-sekundowym znaku.
Po prostu zauważyłem, że Chrome nadal pobiera resztę filmu. Przerywa film po 45 sekundach, ale użytkownik może wznowić odtwarzanie od tego momentu. Jeśli patrzysz na to jako na ograniczenie ruchu lub odcięcie reszty filmu, to nie jest to twoje rozwiązanie. – villecoder
Aby temu zapobiec musisz pracować z kontrolkami odtwarzacza wideo. Możesz spowodować, że odtwarzacz wideo cofnie się do 30 sekund w filmie, jeśli przycisk odtwarzania zostanie naciśnięty, gdy wideo będzie miało 45 sekund. Byłoby całkiem trywialne, gdybyśmy przeanalizowali fragmenty mediów z src, aby stworzyć taką funkcjonalność. –
Jeśli jest to szeroko obsługiwane we wszystkich głównych przeglądarkach, to powinno być zaakceptowaną odpowiedzią. – TimHayes
- 1. Jak odtwarzać wideo html5 w IE8 Browsers
- 2. Połącz klipy wideo w jeden klip wideo, taki jak Vine
- 3. Jak mogę odtwarzać wideo inline html5 w WebView?
- 4. Jak wykrywać obsługiwane formaty wideo dla tagu wideo HTML5?
- 5. Jak odtwarzać plik wideo MP4 z tagiem wideo HTML5 na iOS (iPhone i iPad)?
- 6. Jak mogę odtwarzać fragmenty wideo przechodzące przez websocket HTML5?
- 7. Wideo HTML5 z Brightcove
- 8. Wideo wstępne pełne wideo HTML5 w javascript
- 9. Jak odtwarzać wideo z tablicy Byte?
- 10. Formanty javascript wideo HTML5 - ponowne uruchamianie wideo
- 11. Wykryj, czy przeglądarka/urządzenie może odtwarzać wideo HTML5 przed odtwarzaniem
- 12. Jak odtwarzać wideo w Java Swing?
- 13. Problem z pobieraniem wideo HTML5
- 14. Nie wyświetla się wideo HTML5 na iPadzie
- 15. Film wideo HTML5 nie gra
- 16. Zdarzenia wideo HTML5 jQuery
- 17. Jak odtwarzać plik webm w odtwarzaczu wideo iOS
- 18. Ładowanie iPada/iPhone'a HTML5 wideo
- 19. Wideo HTML5: wykrywanie przepustowości
- 20. Wideo interaktywne html5
- 21. Szorowanie wideo HTML5
- 22. html5 autoodtwarzania wideo w urządzeniu mobilnym
- 23. Wideo HTML5 ERR_CONTENT_LENGTH_MISMATCH
- 24. Jak sprawdzić obsługę wideo HTML5?
- 25. Jak przesyłać strumieniowo wideo i odtwarzać?
- 26. Cuepoints w tagu wideo HTML5
- 27. Tło wideo w formacie HTML5, zachowaj centrum wideo w centrum
- 28. Jak odtwarzać filmy z YouTube w widoku wideo w Androidzie?
- 29. Ustaw Wysokość wideo w HTML5
- 30. Jak mogę odtwarzać wideo lokalne w moim notesie IPython?
Należy pamiętać, że w ten sposób przeniesiesz cały plik wideo (który może być dość duży pod względem rozmiaru pliku) na urządzenie klienta. Przyjazne dla użytkownika rozwiązanie prawdopodobnie rozwiązałoby to już podczas edycji i dostarczyłoby określony plik, który obejmuje tylko ten fragment. – m90