Supporting each other

Community forums

Welcome, Guest

Forum

Main Forum

Creating Effective Materials

Creating space around an embedded video

This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.

Page:
1

TOPIC:

Creating space around an embedded video 7 years 11 months ago #4158

SetaJackson Topic Author Offline New Member Posts: 4 Thank you received: 0	Is it possible to create space around an embedded video (from YouTube)? I am using the text content type in a section in a bootstrap template, and have found that the text appears right up against the video display. Is there a way to create padding around the embedded video? Apologies if I have posted this message twice.
	Please Inloggen or Create an account to join the conversation.

Creating space around an embedded video 7 years 11 months ago #4170

Neil Pollock
Offline
Premium Member
Posts: 92
Thank you received: 4

The quickest way would possibly be just to add a margin around the video (style="margin:10px;"), for example:

<iframe style="margin:10px;" width="560" height="315" src="https://www.youtube.com/embed/XQu8TTBmGhA" frameborder="0" allowfullscreen></iframe>

For better accessibility and responsiveness you may want to look at creating a wrapper around the iframe so that it fits on the screen better if viewed on mobiles or smaller screens.

The following user(s) said Thank You: SetaJackson

Please Inloggen or Create an account to join the conversation.

Last edit: by Neil Pollock.