Is this just a video with audio overlapped?

HTML-CSS
1

Is this just a video with audio overlapped on this website?

I love the landing page and would like to mimic something similar for my website.

Let me know if you agree that its just video with audio over top to line up with the motion of going under the water in the video.

Here’s the link - https://web.archive.org/web/20170603010556/https://www.tygershark.com/

2

It’s an mp4 video. Use your browser’s inspector to find it. It takes a small amount of digging. Tip: If you do something like this you don’t want to have the sound on by default, that’s considered rude.

1 Like
3

Agreed. When I’m bothered with audio that I didn’t ask for, that’s an instant rage-close. I think it’s not even possible anymore to auto-play videos with audio on page load (without some trickery), browsers have become very strict in this regard. They only allow autoplay if the tag includes either the muted or the controls attribute to allow the user to stop the video.
@Dobs If you really want audio to play automatically (I think some subtle water sounds are within the range of “acceptable”), you can’t use a video, it’ll have to be a HTML audio element.

1 Like