use dynamic video source and make it always 100% wide

lektura
max.mehl 2017-08-29 17:53:45 +02:00
parent 4c6f965901
commit 8a47914957
2 changed files with 11 additions and 11 deletions

View File

@ -12,16 +12,11 @@
<!-- VIDEO -->
<center>
<video controls="controls" poster="/img/poster.jpg" crossorigin="crossorigin" width="640" height="360">
<source src="https://download.fsfe.org/videos/pmpc/Fsfe-final-006-20k.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' media="screen and (min-device-width:1000px)" />
<!--
<source src="https://download.fsfe.org/videos/15years/FSFE15_38.webm" type='video/webm; codecs="vp9, opus"' media="screen and (min-device-width:1000px)" />
<source src="https://download.fsfe.org/videos/15years/FSFE15_mobile.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' media="screen and
(max-device-width:999px)" />
<source src="https://download.fsfe.org/videos/15years/FSFE15_mobile.webm" type='video/webm; codecs="vp9, opus"' media="screen and (max-device-width:999px)" />
-->
<video controls="controls" poster="/img/poster.jpg" crossorigin="crossorigin" width="100%">
<source src="https://download.fsfe.org/videos/pmpc/pmpc_desktop.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' media="screen and (min-device-width:1000px)" />
<source src="https://download.fsfe.org/videos/pmpc/pmpc_mobile.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' media="screen and (max-device-width:999px)" />
<!--
<!--
<track src="https://download.fsfe.org/videos/15years/vtt/15years-FSFE.en.vtt" kind="subtitle" srclang="en" label="English" default="default">
<track src="https://download.fsfe.org/videos/15years/vtt/15years-FSFE.de.vtt" kind="subtitle" srclang="de" label="Deutsch">
<track src="https://download.fsfe.org/videos/15years/vtt/15years-FSFE.el.vtt" kind="subtitle" srclang="el" label="Ελληνικά">
@ -45,7 +40,7 @@
<track src="https://download.fsfe.org/videos/15years/srt/15years-FSFE.tr.srt" kind="subtitle" srclang="tr" label="Türkçe">
<track src="https://download.fsfe.org/videos/15years/srt/15years-FSFE.sr.srt" kind="subtitle" srclang="sr" label="српски">
<track src="https://download.fsfe.org/videos/15years/srt/15years-FSFE.et.srt" kind="subtitle" srclang="et" label="eesti keel">
-->
-->
</video>
</center>

View File

@ -9,6 +9,12 @@
text-align: center;
}
/* VIDEO in About section */
#about video {
width: 100% !important;
height: auto !important;
}
/* LANGUAGE SECTION */
#language {
color: #fff;
@ -147,7 +153,6 @@ a:not(.btn):not(.hiddenlink):hover::before, a:not(.btn):not(.hiddenlink):focus::
}
/* Bouncing down arrow */
.arrow-bounce {
text-align: center;
margin: -30px 0;