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

Sign in to YouTube. (Create an account to be able to sign in)
Click on Upload at the top of the page.
Choose the video privacy settings.
Select the video.
As the video is uploading, you can edit information etc
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

Locate the video you’d like to add to your page on YouTube, look below the video for a Share button.
Go to Embed button which is displayed directly below the Link URL.
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

To add a videos and make it responsive (adjustable for all screens):

Go to the page that you want to place the video in.
Place your cursor into the text editor where you want your video to appear.
Select the Insert/edit media icon in the menu
Paste your code using the Embed menu or paste the source URL in the general menu > source OK
Now make it responsive
Highlight your video.

Make sure you select your video so that you see a blue highlight over the entire image.
Select the menu item to the right of Clear formatting icon Tx
On the dropdown menu, select > Responsive Styles > Video Responsive
SAVE > Save Page

Please Note:

In the Admin/Editing window, the responsive videos will show as a small video image on a grey background. Please check that it is working on the front end of the site via the 'view page' icon. (top right)

TIPS

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

In Source Code your responsive code should look line this.
<iframe class="video-responsive" src=”https://www.youtube.com/embed/cy_c6250I1E?rel=0” width=”330” height=”230” frameborder=”0” allowfullscreen=”allowfullscreen”></iframe>

Alternative: text or video, if that URL is down.
Find this under the Advanced menu in insert/edit media window.
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.
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.

All videos at a set height

To keep videos at a max width and responsive below the max width, add the 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