Created this code with Bolt.New, testing it and using it over the course of about fifteen minutes. Talk about advancing technology.
Here's the instructions if you want to use this on your blogger.com site
To use this code:
-
Create/Edit a post on Blogger and change from Compose mode to HTML view
-
Copy all the code from the text file: blogger-youtube-mouseover.txt
-
Paste the code into the section of your post where you'd like it to appear (it might be invisible when later you switch back to compose view)
-
Replace YOUR_YOUTUBE_VIDEO_ID with your actual YouTube video ID (the part after v= in the YouTube URL)
-
You can add multiple containers with different video IDs on the same page
-
Each video will work independently with its own hover/touch controls
Shhhh!