NON YOU TUBE VIDEO

by 3 replies
4
Hi

Sorry for the shouting in the title. Just didn't wanna get reamed out :-)

I have a video which is hosted on my own site. Its too big/long for youtube. Ive got the iframe tags working on a blog but i want to include the video in a WSO. Can anyone tell me how i can convert this to work on this forum please?

Thanks

GW

<iframe src="http://chabooli.com/images/uploads/Launch_Video.mp4?title=0&amp;byline=0&amp;portrait =0" width="650" height="366" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
#programming #tube #video
  • I doubt you can use iframe here. Have you tried vimeo? How about splitting the video into multi parts on youtube?
    • [ 1 ] Thanks
    • [1] reply
    • If you aren't using HTML5 in your WSO, you're missing out on future sales. Using HTML5's Video tag, placing your video in a webpage is as simple as (well, its not really simple right now due to competing browsers) making an iframe, but ports to mobile devices and is future proofish (for the next 10 years or so)

      Basic use (You'll need both an mp4 and a webm or ogg to hit most users, all three would be best):

      Code:
      <video>   <source src="movie.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />   <source src="movie.webm" type='video/webm; codecs="vp8, vorbis"' /> </video>
      <source> tag lets you include multiple formats as fallback types in case the user's browser doesn't support one of them. You can also use a single video format which makes the syntax very similar to the image tag. This syntax will be the most used one in the near future when all browsers support one common video format.

      Code:
      <video src="movie.webm"></video>
      Then, in your htaccess you want to make sure your server is serving the videos correctly, so add the lines:

      Code:
      AddType video/ogg .ogv
AddType video/mp4 .mp4 
AddType video/webm .webm
      You can even add things to the main Video tag like this:

      <video src="movie.webm" autoplay loop controls tabindex="0">

      and add CSS Styling to your video screen, slap it on a canvas and play it as a clickable floating movie link.
      • [ 1 ] Thanks
      • [1] reply
  • Banned
    [DELETED]
Join the discussion

Next Topics on Trending Feed