BETA This is a new service — your feedback will help us to improve it.

Back to components

Media player

Only YouTube videos can be embedded on to LEEDS.GOV.UK pages.

You embed the video directly into your page using the code below.

Example
100%

The timeline slider below uses WAI ARIA. Please use the documentation for your screen reader to find out more.

00:00:0000:00:00

HTML Snippet for media player

<div class="media-container">
    <p>
        <a rel="external" href="https://www.youtube.com/watch?v=oapZ3AXIMzI">Leeds City Council Graduate Programme</a>
    </p>
</div>

Media player with content

Example

Child friendly Leeds: play your part!

We want Leeds to be the best city to grow up in, and to make this happen, the city is bringing together people, places and organisations to make Leeds a child friendly city. ​​

100%

The timeline slider below uses WAI ARIA. Please use the documentation for your screen reader to find out more.

00:00:0000:00:00

HTML Snippet for media player with content

<div class="panel">
    <div class="row">
        <div class="col-md-6">
            <h3 class="heading-large">Child friendly Leeds: play your part!</h3>
            <p>We want Leeds to be the best city to grow up in, and to make this happen, the city is bringing together people, places and organisations to make Leeds a child friendly city. ​​</p>
        </div>
        <div class="col-md-6">
            <div class="media-container">
                <p>
                    <a rel="external" href="https://www.youtube.com/watch?v=oapZ3AXIMzI">Leeds City Council Graduate Programme</a>
                </p>
            </div>
        </div>
    </div>
</div>

Media player v2

Example

HTML Snippet for media player v2

<div class="video__wrapper">
    <div class="video__container">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/oapZ3AXIMzI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
</div>
Back to top