diff options
| author | horus_arch | 2017-02-02 16:23:41 +0100 |
|---|---|---|
| committer | horus_arch | 2017-02-02 16:23:41 +0100 |
| commit | 28dc8bf63effab3d22f1c02311406d572c747d12 (patch) | |
| tree | 9793c9510bd64438e3a1ccb29d88f41c7a36e6a4 | |
| parent | 2c84db51e81f38f43505baff55d80d8c94dc57a2 (diff) | |
| download | gospeladlershof.de-28dc8bf63effab3d22f1c02311406d572c747d12.tar.gz | |
Improves the Media Query. Really!
| -rw-r--r-- | intern.gospeladlershof.de/video.php | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/intern.gospeladlershof.de/video.php b/intern.gospeladlershof.de/video.php index d8b36fa..9b49999 100644 --- a/intern.gospeladlershof.de/video.php +++ b/intern.gospeladlershof.de/video.php @@ -22,10 +22,10 @@ require_once __DIR__ . '/header.php'; <div align="center" class="embed-responsive embed-responsive-16by9"> <video controls class="embed-responsive-item" preload="metadata"> <source src="https://static.gospeladlershof.de/videos/2016/King of Kings (320).mp4" type=video/mp4 media="(max-width: 479px) AND (min-width: 320px)"> - <source src="https://static.gospeladlershof.de/videos/2016/King of Kings (480).mp4" type=video/mp4 media="(max-width: 480px) AND (min-width: 480px)"> + <source src="https://static.gospeladlershof.de/videos/2016/King of Kings (480).mp4" type=video/mp4 media="(max-width: 719px) AND (min-width: 480px)"> <source src="https://static.gospeladlershof.de/videos/2016/King of Kings (720).mp4" type=video/mp4 media="all and (min-width: 720px)"> - <source src="https://static.gospeladlershof.de/videos/2016/King of Kings (320).webm" type=video/webm media="(min-width: 320px)"> - <source src="https://static.gospeladlershof.de/videos/2016/King of Kings (480).webm" type=video/webm media="(min-width: 480px)"> + <source src="https://static.gospeladlershof.de/videos/2016/King of Kings (320).webm" type=video/webm media="(max-width: 479px) AND (min-width: 320px)"> + <source src="https://static.gospeladlershof.de/videos/2016/King of Kings (480).webm" type=video/webm media="(max-width: 719px) AND (min-width: 480px)"> <source src="https://static.gospeladlershof.de/videos/2016/King of Kings (720).webm" type=video/webm media="all and (min-width: 720px)"> </video> </div> @@ -34,11 +34,11 @@ require_once __DIR__ . '/header.php'; <h1>Jesus is my Salvation</h1> <div align="center" class="embed-responsive embed-responsive-16by9"> <video controls class="embed-responsive-item" preload="metadata"> - <source src="https://static.gospeladlershof.de/videos/2016/Jesus is my Salvation (320).mp4" type=video/mp4 media="(min-width: 320px)"> - <source src="https://static.gospeladlershof.de/videos/2016/Jesus is my Salvation (480).mp4" type=video/mp4 media="(min-width: 480px)"> + <source src="https://static.gospeladlershof.de/videos/2016/Jesus is my Salvation (320).mp4" type=video/mp4 media="(max-width: 479px) AND (min-width: 320px)"> + <source src="https://static.gospeladlershof.de/videos/2016/Jesus is my Salvation (480).mp4" type=video/mp4 media="(max-width: 719px) AND (min-width: 480px)"> <source src="https://static.gospeladlershof.de/videos/2016/Jesus is my Salvation (720).mp4" type=video/mp4 media="all and (min-width: 720px)"> - <source src="https://static.gospeladlershof.de/videos/2016/Jesus is my Salvation (320).webm" type=video/webm media="(min-width: 320px)"> - <source src="https://static.gospeladlershof.de/videos/2016/Jesus is my Salvation (480).webm" type=video/webm media="(min-width: 480px)"> + <source src="https://static.gospeladlershof.de/videos/2016/Jesus is my Salvation (320).webm" type=video/webm media="(max-width: 479px) AND (min-width: 320px)"> + <source src="https://static.gospeladlershof.de/videos/2016/Jesus is my Salvation (480).webm" type=video/webm media="(max-width: 719px) AND (min-width: 480px)"> <source src="https://static.gospeladlershof.de/videos/2016/Jesus is my Salvation (720).webm" type=video/webm media="all and (min-width: 720px)"> </video> </div> @@ -47,11 +47,11 @@ require_once __DIR__ . '/header.php'; <h1>Jesus on the Mainline</h1> <div align="center" class="embed-responsive embed-responsive-16by9"> <video controls class="embed-responsive-item" preload="metadata"> - <source src="https://static.gospeladlershof.de/videos/2016/Jesus on the Mainline (320).mp4" type=video/mp4 media="(min-width: 320px)"> - <source src="https://static.gospeladlershof.de/videos/2016/Jesus on the Mainline (480).mp4" type=video/mp4 media="(min-width: 480px)"> + <source src="https://static.gospeladlershof.de/videos/2016/Jesus on the Mainline (320).mp4" type=video/mp4 media="(max-width: 479px) AND (min-width: 320px)"> + <source src="https://static.gospeladlershof.de/videos/2016/Jesus on the Mainline (480).mp4" type=video/mp4 media="(max-width: 719px) AND (min-width: 480px)"> <source src="https://static.gospeladlershof.de/videos/2016/Jesus on the Mainline (720).mp4" type=video/mp4 media="all and (min-width: 720px)"> - <source src="https://static.gospeladlershof.de/videos/2016/Jesus on the Mainline (320).webm" type=video/webm media="(min-width: 320px)"> - <source src="https://static.gospeladlershof.de/videos/2016/Jesus on the Mainline (480).webm" type=video/webm media="(min-width: 480px)"> + <source src="https://static.gospeladlershof.de/videos/2016/Jesus on the Mainline (320).webm" type=video/webm media="(max-width: 479px) AND (min-width: 320px)"> + <source src="https://static.gospeladlershof.de/videos/2016/Jesus on the Mainline (480).webm" type=video/webm media="(max-width: 719px) AND (min-width: 480px)"> <source src="https://static.gospeladlershof.de/videos/2016/Jesus on the Mainline (720).webm" type=video/webm media="all and (min-width: 720px)"> </video> </div> |