Embedding media#

Quick Reminder#

1. Upload your media to a hosting service like YouTube or Vimeo.
2. While editing a page, position your cursor where you'd like the media to appear.
3. Click on the Insert Media icon in the toolbar.
4. Click on the tab.
5. Paste in the URL of your video into the Add URL field.
6. Click on Add url
7. Click

Embedding#

To add a media such as video into a page, you should first upload it to a video hosting service such as YouTube or Vimeo. This means they will take care of everything involved in insuring the video will play on a wide range of devices such as computers, tablets & smartphones.

YouTube allows you to mark a video as Unlisted so that it will not appear on YouTube.com search results etc. Also adverts shall not be displayed on your video unless you enable that option from within YouTube.

[note] This feature isn't just limited to video, you can also embed Flickr slideshows and other embeddable widgets this way, if they support the 'oEmbed' standard. [/note]

1. Upload your video to one of the supported media services (many of the services that support oEmbed protocol can be handled in this way):

• YouTube
• Flickr
• Vimeo
• Viddler
• Revision3
• Hulu
• Twitter

2. While viewing your video on YouTube or Vimeo, copy the full URL of the page, by selecting the full address at the top of your browser and clicking Edit > Copy (or right click).
3. In SilverStripe, go to the editing mode for the page you'd like to add the video to.
4. Position the text cursor where you'd like the top of the video to appear, it's usually best to place it on it's own new line.
5. Click on the Insert Media icon in the toolbar.
6. Click on the tab.
7. Paste in the full URL of your video into the box. Click in the field that starts with http:// and then go to Edit > Paste (or right click).
8. Click on Add url Note: If you wish, you can now click on Edit to change options for the video such as alignment.
9. Click to add the media into the page.
10. Click to make your changes live.