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
or other video sites
See other video sites
2. Get your video source code.
See 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):
- In your site admin. 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. Do one of the following 2 ways:
1. Adding it straight into source code
- Go to View/Source Code
- Paste the code into the space where you want your video to appear.
- SAVE PAGE
TIPS
Extra Spacing
You may need to add <p> </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
- Go to View/Source Code
- Paste class="video-responsive" after the iframe code and between the src code.
- SAVE PAGE
Example
<p> </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> </p>
2. Use insert/edit video icon in the menu
- Click onto insert/edit media icon in the menu (right pointing arrow in square).
- Paste your code using the embed menu or paste the source URL in the general menu > source OK
- 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
- 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.