SitePoint Sponsor

User Tag List

Results 1 to 14 of 14
  1. #1
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    best way to host video

    I'm currently showing a video on my home page with html5 but some people are getting error no supported video can be found.

    I have uploaded both mp4 and webm. How do I make this so most people can view. Do I really need html5 and can I do it anyother way. My video is hosted by me and not on youtube or anything.

    http://79.170.40.244/healthmeanswealth.co.uk/

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,096
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Hi,

    Check out video.js http://www.videojs.com/
    It offers a Flash fallback for people whose browsers don't support the HTML5 video tag.

  3. #3
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,096
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)

  4. #4
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    great!!! I installed the plug in, do you knbow of a way where I can test it in older browsers?

  5. #5
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,096
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Do you have IE installed?

  6. #6
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Yep, but it's the latest version I think

  7. #7
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,096
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    You can use IE developer tools to emulate previous versions of the browser.
    Here's how: http://alexjmackey.wordpress.com/201...-ie-dev-tools/

    You'll want to test against IE8 as IE9 and IE10 both support the video element.

  8. #8
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    nice, thanks for your help

  9. #9
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @pullo regarding the plug in I used it and it is here http://79.170.40.244/healthmeanswealth.co.uk/ but I was wondering how I get rid of the 2 black lines on the edge of the video. Is it from the video or the css of the skin? And am I able for the video to show a frame ( picture ) of a part of the video when it is stopped as it is currently showing just black when you enter the site?

    http://79.170.40.244/healthmeanswealth.co.uk/

  10. #10
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,096
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Quote Originally Posted by hantaah View Post
    @pullo regarding the plug in I used it and it is here http://79.170.40.244/healthmeanswealth.co.uk/ but I was wondering how I get rid of the 2 black lines on the edge of the video. Is it from the video or the css of the skin?
    The "problem" is the aspect ratio of your video.
    You can use this link to calculate the ratio correctly and then resize your player accordingly.

    Quote Originally Posted by hantaah View Post
    And am I able for the video to show a frame ( picture ) of a part of the video when it is stopped as it is currently showing just black when you enter the site
    Yes. Use the poster attribute.
    http://www.longtailvideo.com/html5/poster/

    BTW, if you wanted to mention me, you forgot the space and semi colon after my user name.
    No worries though, I was subscribed to the thread anyway.

  11. #11
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Pullo View Post
    The "problem" is the aspect ratio of your video.
    You can use this link to calculate the ratio correctly and then resize your player accordingly.



    Yes. Use the poster attribute.
    http://www.longtailvideo.com/html5/poster/

    BTW, if you wanted to mention me, you forgot the space and semi colon after my user name.
    No worries though, I was subscribed to the thread anyway.
    @Pullo ; your right on all accounts, many thanks. I much prefer the skin that the plug in gives the video. Happy with it! Thanks again

  12. #12
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,096
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Hi,

    No worries!
    I had the problem of the black lines a while back and it took me a while to figure out.
    Glad it's sorted now

  13. #13
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @Pullo ; being new to video I though mine was pretty ok, but the client says it's too big. In this situation how do we resize? I mean it's width should be the full 960 so the I can't really make the height smaller.
    How would you do it in this situation?

    http://79.170.40.244/healthmeanswealth.co.uk/

  14. #14
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,096
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Looks good to me, too.
    Then again, the customer is always right ...

    Try specifying a height and width attribute in your video tag until you find dimensions that the customer finds acceptable:

    HTML Code:
    <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>


Bookmarks

Posting Permissions

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