Czy istnieje możliwość odtworzenia, np. pierwszych 3 minut filmiku, który w całości trwa ok 20 minut?

Question

Filmik jest odtwarzany w całości bez problemu. Czy istnieje możliwość odtworzenia, np. pierwszych 3 minut tego filmiku, który w całości trwa ok 20 minut? Po 3 minutach odtwarzanie ma zostać zatrzymane (pause albo definitywny stop). Niestety filmik nie zatrzymuje się po 3 minutach.

Mam taki kod:

<video width="640" height="360" controls>
	<source src="filmik.webm" type="video/webm">
</video>

<script type="text/javascript">
	var video = document.getElementById('video');
		if (video.duration > 180000) video.pause();
</script>

Gdzie w kodzie jest błąd?

Answer 1

A co wy tu wyprawiacie?

Wystarczy użyć zdarzenia timeupdate:

video.ontimeupdate = function() {
                if (video.currentTime> 180) {
					video.load();
				}
            };

Dzięki użyciu metody load(), film załaduje się od nowa i będzie można go odtworzyć od początku.

Comments

Ten zapis jest perfekcyjny. Teraz działa jak należy.

Wielkie dzięki, mistrzu.

Pozostałym chłopakom też wielkie dzięki za próbę pomocy i prawie skuteczny efekt.

 

Temat zamknięty.

---

Wrzuć witenowi najlepszą odpowiedź, jeśli ci pomógł. Btw, temat nie wygląda na zamknięty :P

Answer 2

<video width="640" height="360" controls id="video">
    <source src="filmik.webm" type="video/webm">
</video>

Może nie dodałeś id do video?

Dodatkowo ty sprawdzasz czy film jest odtwarzany ponad 3 min w momencie wejścia na strone. Musisz znaleźć sposób aby sprawdzić [PODCZAS OGLADANIA] czy film jest już odtwarzany ponad 3 min, a z tym już Ci nie pomogę.

Comments

Dodałem id do video tak jak napisałeś, ale niestety filmik dalej odtwarzany jest w całości.

Answer 3

A nie powienieneś raczej użyć get ElementsByTagName albo dodać do elementu wideo id="video" a w kodzie js ('video') ?  Edit.Sory nie zauwazyłem że ktoś już na to wpadł :P

Comments

Teraz działa i jest prawie idealnie.

Aktualnie mam taki kod:

<video width="640" height="360" controls id="video">
	<source src="filmik.webm" type="video/webm">
</video>

<script type="text/javascript">
	var video = document.getElementById('video'),
	stop=function()
	{
		if(video.currentTime > 180)
			video.pause();
		setTimeout(stop,1000);
	}
	stop();
</script>

Filmik jest odtwarzany od 00:00:00 - 00:03:00 i zatrzymuje się w formie pauzy, ale gdy następnie wcisnę PLAY - to odtwarza dalszy filmik przez ok 500ms i zatrzymuje się, wcisnę PLAY - odtwarza dalszy filmik przez ok 500ms i zatrzymuje się itd itd.

Już na 95% jest idealnie.

Co należy poprawić w kodzie, aby w momencie odtwarzania 3 minuty, filmik zatrzymał się w formie stopu, a nie pauzy?

Może zamiast video.pause wpisać video.stop?

---

Jest tak prawdopodobnie dlatego, że co sekunde jest wywoływana funkcja stop a od trzeciej minuty jest spełniony warunek (video.currentTime > 180), narazie nie wpadłem na nic lepszego niż rozwinięcie warunku czyli

if ( video.currentTime > 180 && video.currentTime < 180.9)

 

---

Ale co chcesz zrobić, odtwarzać od nowa, kontynuować czy zablokować odtwarzanie?

---

Definitywnie zablokować odtwarzanie.

---

Może dodaj do ifa pod video.pause()

video.addEventListener("play",function(){video.pause();});