In order to ensure that a video displays correctly on screens of all sizes, you need to insert some custom HTML code. Consequently, please email support@ch.cam.ac.uk if you require any assistance. On the editing page, click the 'Switch to plain text editor' link underneath the text editing window. Find the place where you want to insert the video, and then follow the instructions below depending on the video source. Please note that these instructions will only work correctly for videos with a 16:9 or 4:3 aspect ratio - please email support@ch.cam.ac.uk if you would like to embed a video with a different aspect ratio.
YouTube
You need to determine the embeddable URL of the video on Youtube. For example, for the video https://www.youtube.com/watch?v=mgLmo-bzDaE the embeddable URL is //www.youtube.com/embed/mgLmo-bzDaE . Then, copy and paste the following into the page you are editing, changing the video ID to match the video you wish to embed.
...16:9 aspect ratio
<p class="iframe-16-9"><iframe frameborder="0" src="//www.youtube.com/embed/mgLmo-bzDaE"></iframe></p>
...4:3 aspect ratio
<p class="iframe-4-3"><iframe frameborder="0" src="//www.youtube.com/embed/mgLmo-bzDaE"></iframe></p>
Streaming Media Service (https://www.sms.cam.ac.uk)
You need to determine the embeddable URL of the video on the SMS. For example, for the video https://www.sms.cam.ac.uk/media/3244693 the embeddable URL is https://www.sms.cam.ac.uk/media/3244693/embed . Then, copy and paste the following into the page you are editing, changing the video ID to match the video you wish to embed.
...16:9 aspect ratio
<p class="iframe-16-9"><iframe frameborder="0" scrolling="no" src="//www.sms.cam.ac.uk/media/3244693/embed"></iframe></p>
...4:3 aspect ratio
<p class="iframe-4-3"><iframe frameborder="0" scrolling="no" src="//www.sms.cam.ac.uk/media/3244693/embed"></iframe></p>