Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Aug 2009
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    embed Video on website

    well i am very new at this,

    does anybody know what would be a good way to add video to my website ?

    for viewing on windows,

    from tape and dvd, to converter box, to mac laptop, then to website for viewing on windows and macs,

    should i upload in a specific format ?

    thanks,

    larry

  • #2
    New Coder
    Join Date
    Nov 2013
    Location
    UK
    Posts
    42
    Thanks
    6
    Thanked 1 Time in 1 Post
    You can use videolightbox or media elements. The best format is still mp4. To see what I'm talking about, check one of my pages at http://www.windows-addict.com?videos

  • #3
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post
    You would need to download your video via, for example, a Firewire cable and import it. You could then edit it in, say, Windows Movie Maker - as far as I know it's free - or something like Adobe Premiere Elements.

    There are different file formats depending on what you wish to do with your final, edited, project. Your movie would then need to be uploaded to your Web hosting server along with the Web page that you would view that movie through. Or you could upload your movie to YouTube and link your page to YouTube.

    Do a search for something like 'how to embed movie in Web page' and 'best movie file formats' in order to gain a better idea of what is involved, because it can be quite daunting at first. Just stick with it!

  • #4
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,471
    Thanks
    0
    Thanked 634 Times in 624 Posts
    You need four formats for video on the web.

    Basically the HTML to embed a video looks something like this:

    Code:
    <video  width="300" height="200" poster="movie.jpg" controls>
            <source src='movie.mp4'
    type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'>
            <source src='movie.webm'
    type='video/webm; codecs="vp8.0, vorbis"'>
            <source src='movie.ogv' type='video/ogg; codecs="theora, vorbis"'>
            <object data="flashmovie.swf" width="300" height="200" type="application/x-shockwave-flash">
                  <param name="src" value="flashmovie.swf">
                  <param name="quality" value="high">
                  <param name="bgcolor" value="#FFFFFF">
                  <param name="wmode" value="transparent">
                  <param name="pluginurl"
    value="http://www.macromedia.com/go/getflashplayer">
    <p>Fallback content for browsers that don't support either video or flash goes here.</p>
            </object> 
    </video>
    The mp4, webm or ogv format versions will be used depending on which format the browser supports with the flash swf version being the fallback for older browsers.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •