|
@@ -14,17 +14,17 @@
|
|
|
<div id="editor">
|
|
<div id="editor">
|
|
|
<h2>Media with previews</h2>
|
|
<h2>Media with previews</h2>
|
|
|
|
|
|
|
|
- <figure class="media">
|
|
|
|
|
- <oembed url="https://www.youtube.com/watch?v=ZVv7UMQPEWk" />
|
|
|
|
|
- </figure>
|
|
|
|
|
|
|
+ <figure class="media">
|
|
|
|
|
+ <div data-oembed-url="https://www.youtube.com/watch?v=ZVv7UMQPEWk"><div style="position: relative; padding-bottom: 100%; height: 0; padding-bottom: 56.2493%;"><iframe src="https://www.youtube.com/embed/ZVv7UMQPEWk" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div></div>
|
|
|
|
|
+ </figure>
|
|
|
|
|
|
|
|
- <figure class="media">
|
|
|
|
|
- <oembed url="https://vimeo.com/1084537" />
|
|
|
|
|
- </figure>
|
|
|
|
|
|
|
+ <figure class="media">
|
|
|
|
|
+ <div data-oembed-url="https://vimeo.com/1084537"><div style="position: relative; padding-bottom: 100%; height: 0; padding-bottom: 56.2493%;"><iframe src="https://player.vimeo.com/video/1084537" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div></div>
|
|
|
|
|
+ </figure>
|
|
|
|
|
|
|
|
- <figure class="media">
|
|
|
|
|
- <oembed url="https://open.spotify.com/artist/7GaxyUddsPok8BuhxN6OUW?si=LM7Q50vqQ4-NYnAIcMTNuQ" />
|
|
|
|
|
- </figure>
|
|
|
|
|
|
|
+ <figure class="media">
|
|
|
|
|
+ <div data-oembed-url="https://open.spotify.com/artist/7GaxyUddsPok8BuhxN6OUW?si=LM7Q50vqQ4-NYnAIcMTNuQ"><div style="position: relative; padding-bottom: 100%; height: 0; padding-bottom: 126%;"><iframe src="https://open.spotify.com/embed/artist/7GaxyUddsPok8BuhxN6OUW" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe></div></div>
|
|
|
|
|
+ </figure>
|
|
|
|
|
|
|
|
<h2>Generic media</h2>
|
|
<h2>Generic media</h2>
|
|
|
|
|
|