Embed mp4 video in html

sticker · 24-01-2020 09:19AM #1

Hi All,

I want to embed a .mp4 animation into html - no controls visible and for it to loop.

Any ideas of the best embed code to use?

I want the video to autostart and loop, without any controls...

THis is showing the video but it is not autostarting

<video style="width: 800px; height: 600px" autoplay loop>
<source src="video.mp4" type="video/mp4">
Your browser does not support playing this Video
</video>

Thanks!

24-01-2020 12:28PM

That's the correct way, but browsers can block autoplay depending on settings. See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#Attributes

In particular:

Sites that automatically play audio (or video with an audio track) can be an unpleasant experience for users, so it should be avoided when possible

sticker · 24-01-2020 02:10PM

Thanks.

On a server it doesn't seem to work at all. If you check source, all code is there...?!

24-01-2020 03:34PM

The code's all there. The video isn't: [EDIT]

sticker · 24-01-2020 06:18PM

28064212 wrote: »

The code's all there. The video isn't:

I see the error in browser - very odd - see server screen...

24-01-2020 06:48PM

You probably haven't configured IIS to serve .mp4 files, you need to add a MIME type for that

sticker · 25-01-2020 11:31AM

28064212 wrote: »

You probably haven't configured IIS to serve .mp4 files, you need to add a MIME type for that

Hi, Thanks for that I've added that now

Embed mp4 video in html

Comments