skip to main content


Place a video into your website

It is advised to first publish your video on Youtube rather than uploading it directly into your website.
This way it won't slow your website down.

Three easy steps

1. Load your video into Youtube

See full Instructions

Place content here that will be hidden and revealed by the opener

  1. Sign in to YouTube. (Create an account to be able to sign in)
  2. Click on Upload  at the top of the page.
  3. Choose the video privacy settings.
  4. Select the video.
  5. As the video is uploading, you can edit information etc
  6. Click Publish to finish uploading a public video to YouTube. If you set the video privacy setting to Private or Unlisted, just click Done to finish the upload or click Share to privately share your video.

If you haven’t clicked Publish, your video won’t be viewable by other people. You can always publish your video at a later time in your Video Manager.

or other video sites

See other video sites

Vimeo.com Vimeo is quite a popular name and actually the fastest growing video sharing platform currently. It is available both as a free as well as the paid version with a few extra features of course.

Metacafe.com  The best part about this website is that it pays you for the good content.

Break.com Break is also a very popular and free website for the short funny video clips and funny pictures.

Dailymotion.com Dailymotion is almost as popular as YouTube and it gets around 100,000,000 visitors every month. It is a French website and lets users upload the video in every category with no restrictions at all.

LiveLeak.com  This is a UK based video sharing platform which lets users upload the video content on every category, although it majorly has the videos on world events, politics, and social issues. Just make sure you are not violating any policy of the website and you are good to go.

 

2. Get your video source code.

See full instructions

In YouTube

  1. Locate the video you’d like to add to your page on YouTube, look below the video for a Share button.
  2. Go to Embed button which is displayed directly below the Link URL.
  3. Click the Embed button, you will see the HTML code for embedding the video. Copy the code.

Note: Do a search in YouTube.com to get full instructions.

 

3. Inserting your video into your website in the Flighdec Platform

There are 2 ways of adding videos and making them responsive (adjustable for all screens): 

  1. In your site admin. Go to the page that you want to place the video in.
  2. Place your cursor into the text editor where you want your video to appear. Do one of the following 2 ways:

1. Adding it straight into source code

  1. Go to View/Source Code
  2. Paste the code into the space where you want your video to appear.
  3. SAVE PAGE
TIPS
Extra Spacing

You may need to add <p>&nbsp;</p> top and bottom to give it some space

Now make the Video Responsive

Add      class="video-responsive"      to make the video responsive to fit different size screens

  1. Go to View/Source Code
  2. Paste class="video-responsive" after the iframe code and between the src code.
  3.  SAVE PAGE

Example

<p>&nbsp;</p>

<iframe class="video-responsive" src=”https://www.youtube.com/embed/cy_c6250I1E?rel=0” width=”330” height=”230” frameborder=”0” allowfullscreen=”allowfullscreen”></iframe>

<p>&nbsp;</p>

2. Use insert/edit video icon in the menu

  1. Click onto insert/edit media icon in the menu (right pointing arrow in square).
  2. Paste your code using the embed menu or paste the source URL in the general menu > source   OK
  3. Highlight your video: Then go Formats > Responsive Styles > Video Responsive

    Formats > Responsive Styles > Video Responsive does work but you have to make sure you select your video so that you see a blue highlight over the entire image. Do this by placing your cursor at the beginning of the paragraph below and dragging it up over the video until it turns blue. If you have problems use the Add class="video-responsive" straight into the source code.
TIPS
  1. Alternative:  text or video, if that URL is down.
    Find this under the Advanced menu in insert/edit media window.
  2. Media Poster: When flash or HTML5 is not available. You get an image instead.
    Find this under the Advanced menu in insert/edit media window.
  3. Dimensions: You can control the dimensions of your video.  

Select the video by just clicking on it until a blue line appears around it.

Select the insert/edit media icon, and select the general menu. Alter the measurements.

If you alter this you won't be able to have the video responsive. 

 

 

 

 
 
+ Text Size -