Skip to content

Adding videos to pages

A run through of how to embed YouTube videos within your pages for spicier content.

media

Upload the video to YouTube

If you haven't done this already, you'll want to log in to your union account and upload your video.

YouTube

Note down the video ID

Once your video has finished uploading, you'll need the ID. If you look at the URL for the video, the ID is the series of characters following the equals sign (=). In the example below, the ID is the section of the URL in bold.

youtube.com/watch?v=8xiWw5dwngc

Copy the video code onto your page

Open up your page in edit mode, switch into the Source view, and paste in the following code at the point you'd like the video to appear.


<div class="video-wrapper">
	<iframe src="https://www.youtube.com/embed/VIDEOID" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

Replace VIDEOID with your video ID

The final step is to replace youtube.com/embed/VIDEOID with the video ID that you wrote down earlier, so that it looks like the below.


<div class="video-wrapper">
	<iframe src="https://www.youtube.com/embed/8xiWw5dwngc" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

That's it! Your video should then appear like the below: