media-embed.html 797 B

123456789101112131415161718192021222324252627282930313233343536
  1. <div id="snippet-media-embed">
  2. <h3>YouTube</h3>
  3. <figure class="media">
  4. <oembed url="https://www.youtube.com/watch?v=DgM5DfAPQTI"></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. input.example-input {
  25. min-width: 600px;
  26. }
  27. </style>