Embed mp4 video in html

sticker

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!

28064212

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

Thanks.

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

28064212

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

sticker

28064212 wrote: »

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

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

28064212

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

sticker

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