[PostgreSQL]odtwarzanie animacji po mose hover ale do końca Opcje

[ttsz]

witam!
Chciał bym dodać animacje która zaczyna się odtwarzać (nie w pętli) po najechaniu myszką i już tak pozostaje. mamy jakąś grafikę, leci "video" po najechaniu myszką które odtwarza się do końca bez względu czy nadal kursor jest nad elementem czy nie, i zatrzymuje się na ostatniej klatce. Niestety poległem, próbowałem zrobić to na gif'ie ale strasznie się krzaczy, czy ktoś z kolegów ma jakieś podpowiedzi jak to zrobić? Wpadłem na pomysł że może to być tak: obrazek, po najechaniu gif się odtwarza a po zakończeniu pojawia się trzeci obrazek ale nie mam pojęcia jak to zrobić.
pozdrawiam ttsz
p.s. dopiero zaczynam przygodę ze stronami, proszę o wyrozumiałość.

Ten post edytował ttsz 22.06.2022, 12:08:05

[Salvation]

Filmik możesz tak zrobić. Z GIF-em to niewykonalne, bo on z automatu się odtwarza.

Będziesz potrzebować trochę JS-a do tego.

[ttsz]

witam, dziękuję za pomoc, temat do zamknięcia, rozwiązanie było prostsze niż mogłem wymyślić może komuś się przyda:

CODE

<div class="project-container">
<video class="content" onmouseover="this.play()" onmouseout="this.pause();" >
<source src="https://giant.gfycat.com/VerifiableTerrificHind.mp4">
</video>
</div>

i po prostu pierwsza i ostatnia klatka takie jak powinny być.
pozdrawiam

Ten post edytował ttsz 23.06.2022, 08:59:58