зеркало из https://github.com/mozilla/bedrock.git
Fix up video sizes
This commit is contained in:
Родитель
a4c5a7218b
Коммит
76c47a361e
|
@ -50,17 +50,17 @@
|
|||
<div class="pager-content">
|
||||
|
||||
<div class="audiovroom-content default-page" id="audiovroom">
|
||||
<div id="intro-video" class="mozilla-video-control">
|
||||
<div class="mozilla-video-control mozilla-video-shadow">
|
||||
<video
|
||||
width="640"
|
||||
height="360"
|
||||
width="528"
|
||||
height="297"
|
||||
poster="{{ media('/img/marketplace/poster-audiovroom.jpg') }}"
|
||||
controls="controls">
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_Audiovroom.webm" type="video/webm" />
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_Audiovroom.theora.ogv" type="video/ogg; codecs="theora, vorbis"" />
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_Audiovroom-360p-mp4.mp4" type="video/mp4" />
|
||||
<object type="application/x-shockwave-flash"
|
||||
style="width: 640px; height: 388px;"
|
||||
style="width: 528px; height: 297px;"
|
||||
data="/media/flash/playerWithControls.swf?flv=serv/drafts/Moz_Market_Audiovroom-360p-mp4.mp4&autoplay=false&msg=Play%20Video">
|
||||
<param name="movie" value="/media/flash/playerWithControls.swf?flv=serv/drafts/Moz_Market_Audiovroom-360p-mp4.mp4&autoplay=false&msg=Play%20Video" />
|
||||
<param name="wmode" value="transparent" />
|
||||
|
@ -74,17 +74,17 @@
|
|||
</div>
|
||||
|
||||
<div class="mobbase-content" id="mobbase">
|
||||
<div id="intro-video" class="mozilla-video-control">
|
||||
<div class="mozilla-video-control mozilla-video-shadow">
|
||||
<video
|
||||
width="640"
|
||||
height="360"
|
||||
width="528"
|
||||
height="297"
|
||||
poster="{{ media('/img/marketplace/poster-mobbase.jpg') }}"
|
||||
controls="controls">
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_Mixmatchmusic.webm" type="video/webm" />
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_Mixmatchmusic-360p-mp4.theora.ogv" type="video/ogg; codecs="theora, vorbis"" />
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_Mixmatchmusic-360p-mp4.mp4" type="video/mp4" />
|
||||
<object type="application/x-shockwave-flash"
|
||||
style="width: 640px; height: 388px;"
|
||||
style="width: 528px; height: 297px;"
|
||||
data="/media/flash/playerWithControls.swf?flv=serv/drafts/Moz_Market_Mixmatchmusic-360p-mp4.mp4&autoplay=false&msg=Play%20Video">
|
||||
<param name="movie" value="/media/flash/playerWithControls.swf?flv=serv/drafts/Moz_Market_Mixmatchmusic-360p-mp4.mp4&autoplay=false&msg=Play%20Video" />
|
||||
<param name="wmode" value="transparent" />
|
||||
|
@ -98,17 +98,17 @@
|
|||
</div>
|
||||
|
||||
<div class="teambox-content" id="teambox">
|
||||
<div id="intro-video" class="mozilla-video-control">
|
||||
<div class="mozilla-video-control mozilla-video-shadow">
|
||||
<video
|
||||
width="640"
|
||||
height="360"
|
||||
width="528"
|
||||
height="297"
|
||||
poster="{{ media('/img/marketplace/poster-teambox.jpg') }}"
|
||||
controls="controls">
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_Teambox.webm" type="video/webm" />
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_Teambox-360p-mp4.theora.ogv" type="video/ogg; codecs="theora, vorbis"" />
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_Teambox-360p-mp4.mp4" type="video/mp4" />
|
||||
<object type="application/x-shockwave-flash"
|
||||
style="width: 640px; height: 388px;"
|
||||
style="width: 528px; height: 297px;"
|
||||
data="/media/flash/playerWithControls.swf?flv=serv/drafts/Moz_Market_Teambox-360p-mp4.mp4&autoplay=false&msg=Play%20Video">
|
||||
<param name="movie" value="/media/flash/playerWithControls.swf?flv=serv/drafts/Moz_Market_Teambox-360p-mp4.mp4&autoplay=false&msg=Play%20Video" />
|
||||
<param name="wmode" value="transparent" />
|
||||
|
@ -120,19 +120,19 @@
|
|||
</video>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="kicksend-content" id="kicksend">
|
||||
<div id="intro-video" class="mozilla-video-control">
|
||||
<div class="mozilla-video-control mozilla-video-shadow">
|
||||
<video
|
||||
width="640"
|
||||
height="360"
|
||||
width="528"
|
||||
height="297"
|
||||
poster="{{ media('/img/marketplace/poster-kicksend.jpg') }}"
|
||||
controls="controls">
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_kicksend%202.webm" type="video/webm" />
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_kicksend-360p-mp4.theora.ogv" type="video/ogg; codecs="theora, vorbis"" />
|
||||
<source src="//videos-cdn.mozilla.net/serv/drafts/Moz_Market_kicksend-360p-mp4.mp4" type="video/mp4" />
|
||||
<object type="application/x-shockwave-flash"
|
||||
style="width: 640px; height: 388px;"
|
||||
style="width: 528px; height: 297px;"
|
||||
data="/media/flash/playerWithControls.swf?flv=serv/drafts/Moz_Market_kicksend-360p-mp4.mp4&autoplay=false&msg=Play%20Video">
|
||||
<param name="movie" value="/media/flash/playerWithControls.swf?flv=serv/drafts/Moz_Market_kicksend-360p-mp4.mp4&autoplay=false&msg=Play%20Video" />
|
||||
<param name="wmode" value="transparent" />
|
||||
|
@ -171,15 +171,14 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="marketplace" class="container">
|
||||
<div class="row">
|
||||
|
||||
<img src="{{ media('/img/marketplace/opening-soon.png') }}" alt="Opening Soon" class="span4" />
|
||||
<img src="{{ media('/img/marketplace/opening-soon.png') }}" alt="Opening Soon" id="soon" />
|
||||
|
||||
<div class="span6">
|
||||
|
||||
|
@ -193,6 +192,5 @@
|
|||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
|
|
@ -154,6 +154,12 @@ hgroup {
|
|||
}
|
||||
|
||||
#marketplace {
|
||||
position: relative;
|
||||
#soon {
|
||||
.span(4);
|
||||
margin-left: 0;
|
||||
position: relative;
|
||||
}
|
||||
h2 em {
|
||||
font-family: Lobster;
|
||||
font-weight: normal;
|
||||
|
@ -179,6 +185,7 @@ hgroup {
|
|||
background-position: 0 -200px;
|
||||
}
|
||||
}
|
||||
.row { position: relative; }
|
||||
}
|
||||
|
||||
}
|
||||
|
|
Загрузка…
Ссылка в новой задаче