How do I embed a mp4 movie into my html

Question

I have a blog section on my site that has the TinyMce editor. I want to embed a video when I post a blog and it's just spitting out the code. I have added the <embed> tag on my output script.

This is the code I'm using to for the video:

<object width="425" height="350">
    <param name="movie" value="http://www.youtube.com/v/CgW_5Vthsds"></param>
    <param name="wmode" value="transparent"></param>
    <embed src="http://www.youtube.com/v/" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>
</object>

What am I missing?

User · Answer

Most likely the TinyMce editor is adding its own formatting to the post  You ll need to see how you can escape TinyMce s editing abilities  The code works fine for me  Is it a wordpress blog

User · Answer

You should look into Video For Everyone      Video for Everybody is very simply a chunk of HTML code that embeds a video into a website   using the HTML5  element which offers native playback in Firefox   3 5 and Safari 3  amp  4 and an increasing number of other browsers       The video is played by the browser itself  It loads quickly and doesn   t threaten to crash your browser       In other browsers that do not support   it falls   back to QuickTime       If QuickTime is not installed  Adobe Flash is used  You can host locally or embed any Flash file  such as a YouTube video    The only downside  is that you have to have 2 3 versions of the same video stored  but you can serve to every existing device browser that supports video  i e   the iPhone     lt video width  640  height  360  poster    POSTER   jpg  controls  controls  gt       lt source src    VIDEO   mp4  type  video mp4    gt       lt source src    VIDEO   webm  type  video webm    gt       lt source src    VIDEO   ogv  type  video ogg    gt  lt  -- if gt IE 6  gt       lt object width  640  height  375  classid  clsid 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B  gt  lt        endif -- gt  lt  -- if  IE  gt  lt  -- gt       lt object width  640  height  375  type  video quicktime  data    VIDEO   mp4  gt  lt  -- lt   endif -- gt       lt param name  src  value    VIDEO   mp4    gt       lt param name  autoplay  value  false    gt       lt param name  showlogo  value  false    gt       lt object width  640  height  380  type  application x-shockwave-flash          data    FLASH   swf image   POSTER   jpg amp amp file   VIDEO   mp4  gt           lt param name  movie  value    FLASH   swf image   POSTER   jpg amp amp file   VIDEO   mp4    gt           lt img src    POSTER   jpg  width  640  height  360    gt           lt p gt               lt strong gt No video playback capabilities detected  lt  strong gt              Why not try to download the file instead  lt br   gt               lt a href    VIDEO   mp4  gt MPEG4   H 264     mp4     Windows   Mac  lt  a gt                 lt a href    VIDEO   ogv  gt Ogg Theora  amp amp  Vorbis     ogv     Linux  lt  a gt           lt  p gt       lt  object gt  lt  -- if gt IE 6  gt  lt  -- gt       lt  object gt  lt  -- lt   endif -- gt   lt  video gt      There is an updated version that is a bit more readable    lt  --  Video For Everybody  v0 4 1 by Kroc Camen of Camen Design  lt camendesign com code video for everybody gt                                                                                                                           -- gt   lt  -- first try HTML5 playback  if serving as XML  expand  controls  to  controls  controls   and autoplay likewise       -- gt   lt  -- warning  playback does not work on iPad iPhone if you include the poster attribute  fixed in iOS4 0                 -- gt   lt video width  640  height  360  controls preload  none  gt       lt  -- MP4 must be first for iPad  -- gt       lt source src    VIDEO   MP4  type  video mp4    gt  lt  -- WebKit video    -- gt       lt source src    VIDEO   webm  type  video webm    gt  lt  -- Chrome   Newest versions of Firefox and Opera -- gt       lt source src    VIDEO   OGV  type  video ogg    gt  lt  -- Firefox   Opera -- gt       lt  -- fallback to Flash  -- gt       lt object width  640  height  384  type  application x-shockwave-flash  data    FLASH   SWF  gt           lt  -- Firefox uses the  data  attribute above  IE Safari uses the param below -- gt           lt param name  movie  value    FLASH   SWF    gt           lt param name  flashvars  value  image   POSTER   JPG amp amp file   VIDEO   MP4    gt           lt  -- fallback image  note the title field below  put the title of the video there -- gt           lt img src    VIDEO   JPG  width  640  height  360  alt    TITLE                 title  No video playback capabilities  please download the video below    gt       lt  object gt   lt  video gt   lt  -- you  must  offer a download link as they may be able to play the file locally  customise this bit all you want -- gt   lt p gt   lt strong gt Download Video  lt  strong gt      Closed Format    lt a href    VIDEO   MP4  gt  MP4  lt  a gt      Open Format      lt a href    VIDEO   OGV  gt  OGG  lt  a gt   lt  p gt

User · Answer

If you have an mp4 video residing at your server  and you want the visitors to stream that over your HTML page    lt video width  480  height  320  controls  controls  gt   lt source src  http   serverIP or domain location of video mp4  type  video mp4  gt   lt  video gt

[html] How do I embed a mp4 movie into my html?

The answer is

Examples related to html

Examples related to video

Examples related to embedding

Examples related to mp4

Tags