Putting videos into website pages

HTML & CSS
1

Has anyone here come across a way to place an mp4 video on a website page please?

2

Have you checked out the HTML5 <video> element? Does it not support mp4 videos?

1 Like
3

Thanks, how would I find out?

Also, how do you make the other filetypes of the same mp4 video?

4

Did you read the information that I linked to?

5

I did read it, but sorry, I didn’t understand a lot of it.

6

In it’s simplest form, you use an html element named video and the path to the video file goes in its src attribute.

7

Thanks Sam, I’ll have another look - I do find some of the techie stuff tricky, but will have a go. Thanks again.

Also, how do you make the other filetypes of the same mp4 video?

8

You will need some video transcoding software to convert your source to other formats.
Or if you have access to it, the software that output the original file may be able to output to different formats.

9

Thanks Sam, there was a website that converted it online, but I can’t remember the name of it?

10

I’ve used ‘any video converter’ to good effect.

Easier than embedding your own media etc is uploading to youtube or vimeo etc and just using their embed code (under ‘share’). The advantage being they have servers geared to supplying videos so you don’t use your bandwidth.

hth

1 Like
11

Just working my way through this now. Are we saying that none of this is any good now:

<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="../video/AC_OETags.js" language="javascript"></script>
<script src="../video-files/AC_RunActiveContent.js" language="javascript"></script>
<script language="javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 10;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 0;
// -----------------------------------------------------------------------------
// -->
</script>
12

Well flash is getting more and more unsupported. Most flash elements are met with a ‘do you wish to enable’ type message.

html5 seems to be the way forward.

13

Is there any way of doing it, so that the viewer doesn’t see a download option?

14

how do you mean ‘download’? are you refering to the enable button i mentioned or do you mean how do you stop someone downloading your video?

It it pretty hard to stop anyone ripping your video if the want to. Even youtube can’t stop it. I can install a browser plugin and save videos.

The flash warning is at browser level so can’t be bypassed, if the browser see’s flash it will give a warning before it will enable it (unless you have already said for it to always allow previously.

15

It’s the button bottom right under the video

16

sorry no idea as i have no access to any of the js files or source files you have above as they are relative to whereever your site is.

I would advise against this code anyway and use html5 which will look more like

 <video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

as mentioned by others above.

I don’t think it has a download button by default. If it is there do you have a plugin to download videos installed on your browser?

17

It only happens in Chrome

18

do you have a plugin on chrome to download videos? have a look in the menu under ‘more tools’ → ‘extensions’ and see if you have one installed

19

Don’t worry, it’s all sorted

20

what was the problem/solution so that if others are having the same issue they might be able to sort it