1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How to integrate a video onto homepage without using YouTube

Discussion in 'HTML & Website Design' started by WebDev Solutions, Jul 16, 2013.

  1. #1
    Hello,

    We currently have a promotional/informational video on our homepage. As you can see, the video is currently hosted on YouTube and we simply added the embedding code that YT provided us.

    We'd like to keep this video on the homepage but integrate it directly into the site, without using YouTube (this is because at present other youtube videos appear once the video ends which potentially loses us traffic). Can anybody give me some guidance on how to go about doing this?

    Ideally I'd like someone to give me step by step instructions so I learn how to do this myself- but I would be open to paying somebody to do it for me if that's not an option in your mind.

    Any help is greatly appreciated.

    WebDev
     
    WebDev Solutions, Jul 16, 2013 IP
  2. Vernard

    Vernard Member

    Messages:
    92
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    48
    #2
    Here you go: http://www.videojs.com/
    Docs: https://github.com/videojs/video.js/blob/master/docs/index.md
     
    Vernard, Jul 21, 2013 IP
  3. rhoula

    rhoula Well-Known Member

    Messages:
    875
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    145
    #3
    I think with YouTube there is an option where you can disable the links at the end of the video to keep your traffic within your site.

    You may wanna check it out with YouTube. I'm pretty sure I've seen it before.

    Good luck
     
    rhoula, Jul 22, 2013 IP
  4. jimmyt200388

    jimmyt200388 Well-Known Member

    Messages:
    192
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    130
    #4
    flow player is my favourite it plays almost anything whereas video JS will only play MP4
     
    jimmyt200388, Jul 23, 2013 IP
  5. Vernard

    Vernard Member

    Messages:
    92
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    48
    #5
    VideoJS supports webm & ogv.
     
    Vernard, Jul 23, 2013 IP
  6. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #6
    Since it's your video, host it yourself and use the object element.
    <!DOCTYPE html>
    
    <html>
    <head>
      <meta content="text/html; charset=utf-8"
            http-equiv="Content-Type">
    
      <title>test document</title>
      <base href="#">
      <style type="text/css">
    /*<![CDATA[*/
    
      object {
        border: 1px solid black;
        height: 320px;
        width: 480px;
        }
    
      /*]]>*/
      </style>
    </head>
    
    <body>
      <p><object data="long-div.flv"
              type="video/x-flv">
        <p>Oops, the video didn&#39;t load. You may see it at <a href=
        "...">YouTube</a></p>
      </object></p>
    </body>
    </html>
    Code (markup):
    cheers,

    gary
     
    kk5st, Jul 23, 2013 IP
  7. jimmyt200388

    jimmyt200388 Well-Known Member

    Messages:
    192
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    130
    #7
    You have to provide alternative formats depending if they are firefox, chrome etc
     
    jimmyt200388, Jul 23, 2013 IP
  8. jamjar919

    jamjar919 Well-Known Member

    Messages:
    332
    Likes Received:
    7
    Best Answers:
    5
    Trophy Points:
    180
    #8
    You could either use the new <video> tag, or just use <object> (Probably preferable). I believe there is a way to disable those video links at the end through your youtube account though.
     
    jamjar919, Jul 23, 2013 IP
  9. Vernard

    Vernard Member

    Messages:
    92
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    48
    #9
    ogv & webm works on Firefox, Chrome, & IE.
     
    Vernard, Jul 23, 2013 IP