fi, en, (sv, ja, hu, yi) | avatar by https://twitter.com/udonkimuchikaki
Source code:
<div style="animation: 42s linear infinite spin; animation-delay: 5s;">
https://youtu.be/PGNiXGX2nLU
</div>
Thanks to https://cohost.org/aron/post/107461-rechosting-this-help
Updated the code: I went to watch this on my phone this morning and couldn't make it play, so I've added a 5 second delay before it starts rotating, which gives an oppurtunity to press play on the video. I'm sure I tested it yesterday. Whoops. Not the ideal solution, but I haven't found a way to stop the animation while leaving the video in place yet, I'll look again later. Here's the code for my little vanishing notice:
<div style= "animation: forwards 0s linear 1 slideupright reverse; animation-delay: 5s">(Now on a 5 second delay. It will start spinning, be patient.)</div>
The original worked fine on iOS for me, to note, but not all operating systems are equal, so accessibility is good.
I thought I'd tested it on my android yesterday, but this morning I couldn't get it to play. If anybody's had the same problem, they haven't said anything, but the delay should hopefully make it work for everyone.
This, the version with delay, works flawlessly on my POS generic Android 11 phone and I am incredibly disquieted by that fact. It feels terribly wrong somehow. Usually, just playing a video is about all I feel I can ask of it: spinning the video seemingly without effort while playing it is just too much to ask. And yet, here we are. Bravo.
(A) I'm furious, this is brilliant.
(B) This seems (in my browser at least) to badly confuse the playback controls, so once it started playing on my timeline, I couldn't get it to stop! Amazing. (See item A)
On iOS i just tap the center of the video and it pauses. But it's brilliant, no?
A) Thank you 💖
B) I went for quite a slow spin mostly because, at high speeds, it became quite difficult to actually play the video. Let me tell you, it hits different at 4s.