embedmedia.rst 1010 B

12345678910111213141516171819202122232425262728293031
  1. Embed Media Block
  2. =================
  3. The embed media block allows users to embed media like YouTube videos or SoundCloud with just a link
  4. to the external media source.
  5. Field Reference
  6. ---------------
  7. Fields and purposes:
  8. * **URL** - The URL for the external media, whether it's a tweet, Facebook post, YouTube video, etc.
  9. .. note::
  10. Add an external media link like this YouTube video about making fancy cupcakes: `<https://youtu.be/eXkyUi5HKpM>`_ .
  11. * **Advanced Settings** - Add custom CSS classes or a CSS ID to style the embed with your custom CSS
  12. .. figure:: img/embedmedia1.png
  13. :alt: An embed media block with fields.
  14. An embed media block with its fields.
  15. .. figure:: img/embedmedia2.png
  16. :alt: How it displays on the page.
  17. How the embedded media would display on the published page.
  18. .. note::
  19. You can use Bootstrap utility classes like ``w-50`` on your embeds. The size of the video
  20. also changes depending on whether it's in a full-width column or a half-column, etc.