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:
committed by
GitHub
parent
99ddf85cc0
commit
5694444c5e
@@ -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><div class="embed">
|
||||
<iframe src="https://www.youtube.com/embed/XjJQBjWYDTs">
|
||||
</iframe>
|
||||
</div></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><figure class="browser">
|
||||
<img alt="Screenshot" src="image.png">
|
||||
<img alt="Screenshot" src="image.png">
|
||||
</figure></pre>
|
||||
</div>
|
||||
<!-- .end .content-left -->
|
||||
@@ -3031,7 +3032,7 @@
|
||||
</div>
|
||||
</section>
|
||||
</article></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>
|
||||
|
Reference in New Issue
Block a user