Adding Video

There are multiple ways to add video to your application, website, or blog. We'll start with the easiest way, to the most advanced way. The complexity of adding video is directly correlated to the size of the video, the video origin, and most importantly, the capabilities of the server your website is hosted with.

Please Note: sometimes, depending on the technical circumstances, importing may be difficult or impossible.

 

 

Easiest - "Sideloading" from YouTube or Vimeo

Our admin panels have the ability to directly import video from YouTube or Vimeo. We call this "sideloading" -- loading a file from one server on the internet to another server on the internet. Note: you are bound by the rules of copyright and terms of use of these services. This functionality is offered as a tool to help you distribute video you have the rights to.

Sideloading is a very simple process. All you need is the url of the video in one of these two formats:

http://www.youtube.com/watch?v=xUUCwrtX66c

or for Vimeo:

http://www.vimeo.com/2206508

You do not need the embed code that is given to you by these services. Embed code is strictly for streaming the video from their website to yours in a html page. What sideloading does is it makes a copy of the video available on your server.

To sideload video:

  • copy the url of the video in one of the above formats
  • open any Upload Dialog
  • paste the url into the sideload area "Sideload from server (http://)"
  • click "Sideload"
  • wait for the "watch" icon to become the green "ok" icon.

If everything succeeded, and the video imports correctly, you will get a green icon that tells you it worked. If you now close the Upload Dialog box, you will see the video will be in the asset list.

If the video import did not succeed, it may be due to the following reasons:

  • incorrect url structure
  • the video file is so large that the time it takes to move from one server to the other is more than your server allows
  • you have exceeded your disk space
  • your server does not allow for this type of connection

You can, of course, try a few times to see if it's just a timing issue. Or you can continue on to the next section.

 

Moderate - Use Clipnabber service

Chances are, if the sideload method does not work, it's probably due to the size of the video, or the timeout on your server where your site is hosted. Clipnabber -- a video download service can help you bridge the gap, by allowing you to download your files to your computer instead. To download your video:

  • visit http://clipnabber.com/
  • paste in the url of the video page in the "Paste the video URL below"
  • click on "Download FLV" or "Download MP4"
  • return to your admin panel
  • open any Upload Dialog
  • upload your .flv or .mp4 file like you would any image or file

This method should work flawlessly with few exceptions. If the upload fails, here are some possible (probable) causes:

  • the file you are uploading is larger than your allocated maximum upload size for your web hosting.
    • you can see what your upload limit is by going to Dashboard > System Info > Maximum Upload Size
    • if the video file is larger than this value, there is nothing we can do. you can contact your host to see if they can up this value for you.
  • the file is taking too long to upload, and you are exceeding your maximum connection time

If you are encountering either of these two issues, you can continue to the next section.

 

More Complicated - Use FTP and then Sideload

If you cant directly import your file from YouTube or Vimeo, and your server cannot upload your file because of the upload size/connection time, you'll need to use FTP to upload your .flv or .mp4 to your server by using FTP.

  • open up your favorite FTP client
  • connect to your server
  • browse to your document root, and create a temporary location to upload your movie(s) to, like "tempmovies"
  • upload your movies to this folder
  • once it's uploaded, return to your admin panel
  • open any Upload Dialog
  • write the ABSOLUTE url to your uploaded file (http://mywebsite.com/tempmovies/mymovie.flv or just /tempmovies/mymovie.flv)
  • click "Sideload"
  • wait for the "watch" icon to become the green "ok" icon.

This file should instantaneously copy your movie into media list, since instead of transferring it over the internet, it makes a direct copy of the file in your filesystem. Once the copy/import is successful, you may delete the original file you uploaded.

 

Seriously Advanced - Make your own videos

Flash supports .flv's and h.264 encoded .mp4's. If you don't to use Vimeo or YouTube to create your video files, you are free to create and encode movies from any application that creates flash-capable video files. This process is outside the scope of this support page, but here are some links on how you can create these movies:

Once you have created a viable movie file, you can follow the upload/sideload direction from the "Moderate" or "More Complicated" sections above.

 

Final Step - Creating the Screenshot

OK! So, hopefully you have now sideloaded/imported/uploaded a video file, and it's now showing up in your asset list. The final step is to create a initial screenshot image the video player will display for the user to click on to initiate playback.

Your video file should look like a greyed out film strip with a question mark. In the bottom right corner of this graphic there is a button that looks like a camera. Click that button, and it will open up the "Capture Video Screenshot" Dialog.

  • scrub the timeline to a place in the video that you think captures the essence of the video
  • click "Save Snapshot of Current Frame"
  • once complete, click the "Close" button
  • you're done!
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk