Fixes #14687: Include video element in responsive embed
This commit is contained in:
parent
4e17a9be18
commit
8e25695d09
|
@ -5433,7 +5433,8 @@ a.list-group-item-danger.active:focus {
|
||||||
.embed-responsive .embed-responsive-item,
|
.embed-responsive .embed-responsive-item,
|
||||||
.embed-responsive iframe,
|
.embed-responsive iframe,
|
||||||
.embed-responsive embed,
|
.embed-responsive embed,
|
||||||
.embed-responsive object {
|
.embed-responsive object,
|
||||||
|
.embed-responsive video {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -2,7 +2,7 @@
|
||||||
<h1 id="responsive-embed" class="page-header">Responsive embed</h1>
|
<h1 id="responsive-embed" class="page-header">Responsive embed</h1>
|
||||||
|
|
||||||
<p>Allow browsers to determine video or slideshow dimensions based on the width of their containing block by creating an intrinsic ratio that will properly scale on any device.</p>
|
<p>Allow browsers to determine video or slideshow dimensions based on the width of their containing block by creating an intrinsic ratio that will properly scale on any device.</p>
|
||||||
<p>Rules are directly applied to <code><iframe></code>, <code><embed></code>, and <code><object></code> elements; optionally use an explicit descendant class <code>.embed-responsive-item</code> when you want to match the styling for other attributes.</p>
|
<p>Rules are directly applied to <code><iframe></code>, <code><embed></code>, <code><video></code>, and <code><object></code> elements; optionally use an explicit descendant class <code>.embed-responsive-item</code> when you want to match the styling for other attributes.</p>
|
||||||
<p><strong>Pro-Tip!</strong> You don't need to include <code>frameborder="0"</code> in your <code><iframe></code>s as we override that for you.</p>
|
<p><strong>Pro-Tip!</strong> You don't need to include <code>frameborder="0"</code> in your <code><iframe></code>s as we override that for you.</p>
|
||||||
<div class="bs-example">
|
<div class="bs-example">
|
||||||
<div class="embed-responsive embed-responsive-16by9">
|
<div class="embed-responsive embed-responsive-16by9">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
|
|
||||||
<!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-nav.jade template.-->
|
<!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-nav.jade template.-->
|
||||||
<li><a href="#import">Import</a></li>
|
<li><a href="#import-drop-target">Import</a></li>
|
||||||
<li><a href="#less">Less components</a></li>
|
<li><a href="#less">Less components</a></li>
|
||||||
<li><a href="#plugins">jQuery plugins</a></li>
|
<li><a href="#plugins">jQuery plugins</a></li>
|
||||||
<li><a href="#less-variables">Less variables</a>
|
<li><a href="#less-variables">Less variables</a>
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -5433,7 +5433,8 @@ a.list-group-item-danger.active:focus {
|
||||||
.embed-responsive .embed-responsive-item,
|
.embed-responsive .embed-responsive-item,
|
||||||
.embed-responsive iframe,
|
.embed-responsive iframe,
|
||||||
.embed-responsive embed,
|
.embed-responsive embed,
|
||||||
.embed-responsive object {
|
.embed-responsive object,
|
||||||
|
.embed-responsive video {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -12,7 +12,8 @@
|
||||||
.embed-responsive-item,
|
.embed-responsive-item,
|
||||||
iframe,
|
iframe,
|
||||||
embed,
|
embed,
|
||||||
object {
|
object,
|
||||||
|
video {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
Loading…
Reference in New Issue