Pål Torgersen paltorg

## final-video-source.html
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>SYNQ.fm Fullscreen Video Sample</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel=stylesheet type="text/css" href="main.css">
  <link rel=stylesheet type="text/css" href="media_queries.css">
</head>
<body>

## media_queries.css
@media only screen and (max-width: 767px) {
	header {
		max-height: auto;
		background-color: gray;
		background-image: url("https://backgroundimage.jpg");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 0% 0%;
		background-size: cover;
	}

## sample-video-background-css-added.html
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>SYNQ.fm Fullscreen Video Sample</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel=stylesheet type="text/css" href="main.css">
</head>
<body>
  <header>

## sample-video-background-video-embed.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>SYNQ.fm Fullscreen Video Sample</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <header>

## video.css
video {
   width:100%;
   max-width:500px;
   height:auto;
}

## autoplay_mobile.html
<!DOCTYPE html>
<html>
<body>
<h2>autoplay</h2>
<video autoplay muted loop playsinline poster="https://media.giphy.com/media/5CIRqPOk0141W/giphy.gif">
<source src="https://multicdn.synq.fm/blog/videos/small.mp4" type="video/mp4" />
</video>
</body>
</html>

## Video player customized 3.html
<iframe src="https://player.synq.fm/embed/4e063ab632f24992aced5c6f8983229f?&skin.active=FFF1DB&skin.inactive=E0DCD6&skin.background=000000"></iframe>

## Video player customized 2
<iframe src="https://player.synq.fm/embed/4e063ab632f24992aced5c6f8983229f?&skin.active=3EEFB0&skin.inactive=0083FE&skin.background=FFFFFF"></iframe>

## Video player customized 1.html
<iframe src="https://player.synq.fm/embed/4e063ab632f24992aced5c6f8983229f?&skin.active=FFFFFF&skin.inactive=F47D42&skin.background=4E579E"></iframe>

## Standard video player.html
<iframe src="https://player.synq.fm/embed/4e063ab632f24992aced5c6f8983229f"></iframe>
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>SYNQ.fm Fullscreen Video Sample</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel=stylesheet type="text/css" href="main.css">
	<link rel=stylesheet type="text/css" href="media_queries.css">
	</head>
	<body>
	@media only screen and (max-width: 767px) {
	header {
	max-height: auto;
	background-color: gray;
	background-image: url("https://backgroundimage.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: cover;
	}