Welcome, Guest
Username: Password: Remember me
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 3 months ago #4158

  • SetaJackson
  • SetaJackson's Avatar Topic Author
  • Offline
  • New Member
  • 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 Log in or Create an account to join the conversation.

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

  • Neil Pollock
  • Neil Pollock's Avatar
  • Offline
  • Premium Member
  • 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 Log in or Create an account to join the conversation.

Last edit: by Neil Pollock.
  • Page:
  • 1
Moderators: ingdon
Time to create page: 0.425 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search