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:

Use View > Source Code

  1. Click onto View > Source.
  2. Paste your code in where you would like it to appear
  3. SAVE
  4. Now make it responsive

  5. Select your video by clicking onto it.
  6. Select the insert/edit media icon
  7. Select Embed and paste class="video-responsive" after the code...... <iframe 

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

SAVE > Save Page

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. 

 

Please Note:

The video responsive will not show in the Admin/Editing window. Please check that it is working on the front end of the site via the 'view page' icon. (top right)

Use insert/edit media 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. Now make it responsive

  4. Highlight your video.
  5. Select the menu item to the right of Clear formatting icon Tx
  6. On the dropdown menu...
  7. Click > Responsive Styles > Video Responsive
  8. SAVE > Save Page

    > 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. 

 

Please Note:

The video responsive will not show in the Admin/Editing window. Please check that it is working on the front end of the site via the 'view page' icon. (top right)

 

To keep videos at a max width and responsive below that max width addd the above class="video-responsive" and then add in css to the page css

.video-responsive { max-width:560px; max-height:315px; }

For that page only :

Go: Extra Features/Style & Functionality/Page Style  add the above code.

For Overall site:

Contact: yvonne@flightdec.com

 

 

 

 
 
+ Text Size -