media-embed.html 854 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <div id="snippet-media-embed">
  2. <h3>YouTube</h3>
  3. <figure class="media">
  4. <oembed url="https://www.youtube.com/watch?v=QTceLKXwHLY"></oembed>
  5. </figure>
  6. <h3>Vimeo</h3>
  7. <figure class="media">
  8. <oembed url="https://vimeo.com/1084537"></oembed>
  9. </figure>
  10. <h3>Twitter</h3>
  11. <figure>
  12. <oembed url="https://twitter.com/ckeditor/status/1027571541989572612"></oembed>
  13. </figure>
  14. <h3>Google Maps</h3>
  15. <figure class="media">
  16. <oembed url="https://www.google.com/maps/place/Poland/@51.9537505,19.1343786,6z/data=!3m1!4b1!4m5!3m4!1s0x47009964a4640bbb:0x97573ca49cc55ea!8m2!3d51.919438!4d19.145136?hl=en"></oembed>
  17. </figure>
  18. </div>
  19. <style>
  20. .ck.ck-content .media iframe {
  21. /* Override default Umberto guide styles. */
  22. margin: 0;
  23. }
  24. /* https://github.com/ckeditor/ckeditor5/issues/1324 */
  25. input.example-input {
  26. min-width: 500px;
  27. }
  28. </style>