How to link link mp4 videos to websites

[Krishnamohan_Reddy]

I have tried to attach the mp4 videos to html page but Dreamweaver is asking to give a link to .avi or .flv file. can anyone help to solve this problem.

[Liam Dilley]

Hi there,

MP4 as a link to download or are you trying to make a player?

[Krishnamohan_Reddy]

To play the video in live stream like youtube.

[BCTHOR]

I use this code on one of my sites to display a fullwidth video.

HTML

<video id="video_background" preload="auto" autoplay="true" loop="loop" volume="100">

<source src=" /VIDEO-URL-HERE.mp4" type="video/mp4"> Video not supported

</video>

CSS

#video_background {

  position: relative;

  bottom: 0px;

  right: 0px;

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  margin-top:-90px;

  z-index:-10000;

}

This requires that you upload the video file.

[Liam Dilley]

That is one file format and HTML5 so you have limited browser access with that.

Krishnamohan Reddy You can not just upload a video, it will just play in a new tab or full screen based on the browser and its plugins. If you want a video to play in a player like youtube you need to either upload it to something like youtube and get the embed code or use a javascript/html based player or flash player or format the file into a few file types and have a html5 player. But you then would need a fall back anyway.

[GaryGlass]

Another option is always to add the MP4 as a Media Download (Modules > Media Downloads > Add Media Download > Select MP4 (Streaming) from drop down Menu)

1) Add MP4 (Streaming)

2) Follow BCTHOR's example above.

-- Optional --

1) Add Media to webpage as a module or content holder.

2) iFrame media download to autoplay on page

   a) You can also set _target to be New Window so video pops up in new tab/window

The upside to adding MP4 as a Media Download is customer insight. You are able to add this media link in a webpage, email or any other hyperlink, and track media downloads or views by a particular customer. You're welcome to message me if this needs further explanation.

Hope this helps.

Gary Glass