Problem
I'm having videos on a webpage that show the first frame of the video and on hover play the video with a length of around 10 seconds and a resolution of around 720p. I thought of just uploading them to my provider's FTP storage. But then thought that they surely don't use CDNs to deliver content. So my next thought was using something like Vimeo, Cloudinary, MUX... I now have seen that I could add videos on a webpage with HLS (m3u8). But I've never done that before so I read my way through these streaming formats. After that, I'm really unsure what to use in my case as it seems that HLS or DASH is usually more performant than downloading the whole file. Vimeo for example would give me the option to get a direct link to the .mp4 or HLS. I'm not seeing a video when using a standard tag. But I found articles that say HLS is now supported in every major browser. Would you recommend going for such a use case with HLS or Dash and if yes what's the best way to implement it?
What I've tried
<video width="320" height="240" controls>
<source
src="https://player.vimeo.com/external/734323487.mpd?s=234"
// type="application/x-mpegURL"
/>
Your browser does not support the video tag.
</video>