Fix responsive video #280

1 files changed, 6 insertions, 0 deletions

diff --git a/docs/elements.html b/docs/elements.html
index f6d2a8f..97ec58e 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -1832,10 +1832,16 @@
             </div>
           </div>
 
+          <div class="docs-note">
+            <p>For responsive <code>video</code> elements, you can add the <code>video-responsive</code> class directly to the <code>video</code>.</p>
+          </div>
+
 <!-- media -->
 <pre class="code" data-lang="HTML"><code>&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;video-responsive video-responsive-4-3&quot;</span>&gt;
   &lt;<span class="tag">iframe</span> <span class="atn">src</span>=<span class="atv">&quot;...&quot;</span> <span class="atn">width</span>=<span class="atv">&quot;...&quot;</span> <span class="atn">height</span>=<span class="atv">&quot;...&quot;</span> <span class="atn">frameborder</span>=<span class="atv">&quot;0&quot;</span> <span class="atn">allowfullscreen</span>&gt;&lt;<span class="tag">/iframe</span>&gt;
 &lt;<span class="tag">/div</span>&gt;
+
+&lt;<span class="tag">video</span> <span class="atn">class</span>=<span class="atv">&quot;video-responsive&quot;</span> <span class="atn">src</span>=<span class="atv">&quot;...&quot;</span>&gt;...&lt;<span class="tag">/video</span>&gt;
 </code></pre>
 
         </div>