1
0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-30 08:21:15 +02:00

updating demos: youtube api examples, bg video...

This commit is contained in:
José Luis Antúnez
2017-04-04 16:45:34 +02:00
committed by GitHub
parent 99ddf85cc0
commit 5694444c5e
6 changed files with 74 additions and 56 deletions

View File

@@ -2813,12 +2813,13 @@
<section>
<div class="wrap">
<div class="content-left">
<h3>Responsive Videos</h3>
<h3><a href="https://webslides.tv/demos/media#slide=2">YouTube API</a></h3>
<p>Embed videos with loop, autoplay, and muted attributes.</p>
<pre>&lt;div class="embed"&gt;
&lt;iframe src="https://www.youtube.com/embed/XjJQBjWYDTs"&gt;
&lt;/iframe&gt;
&lt;/div&gt;</pre>
<p><code>.embed</code></p>
<p><code>.embed</code> (responsive)</p>
</div>
<!-- end .content-left -->
<div class="content-left">
@@ -2836,7 +2837,7 @@
<div class="wrap size-60">
<!-- Responsive video/iframe... Add <div class="embed"> -->
<div class="embed">
<iframe width="800" height="450" src="https://www.youtube.com/embed/_m67JbGjWnc?list=PL27Ptt5XwkS39IrY8SeNaELghs_NLjMEs" allowfullscreen></iframe>
<div data-youtube data-youtube-id="vXeF6Uot8pk" data-autoplay></div>
</div>
<!-- .end .embed -->
</div>
@@ -3013,7 +3014,7 @@
<h2>Screenshots</h2>
<p>HTML/CSS Browser.</p>
<pre>&lt;figure class="browser"&gt;
&lt;img alt="Screenshot" src="image.png"&gt;
&lt;img alt="Screenshot" src="image.png"&gt;
&lt;/figure&gt;</pre>
</div>
<!-- .end .content-left -->
@@ -3031,7 +3032,7 @@
&lt;/div&gt;
&lt;/section&gt;
&lt;/article&gt;</pre>
<p>Just 3 basic animations: .fadeIn, .fadeInUp, and .zoomIn.</p>
<p>Just 5 basic animations: .fadeIn, .fadeInUp, .zoomIn, .slideInLeft, and .slideInRight.</p>
</div>
<!-- .end .wrap -->
</section>