Skip to content

Instantly share code, notes, and snippets.

@harryward

harryward/code-videotile1

Created September 30, 2013 19:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save harryward/6768988 to your computer and use it in GitHub Desktop.
Save harryward/6768988 to your computer and use it in GitHub Desktop.
Download ZIP
code-videotile1
Raw
code-videotile1
<!DOCTYPE html>
<html>
<head data-gwd-animation-mode="quickMode">
<meta name="generator" content="Google Web Designer 1.0.0.924">
<meta name="template" content="Banner 1.0.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
.gwd-page-container {
position: relative;
width: 100%;
height: 100%;
}
.gwd-page-content {
background-color: transparent;
-webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform-style: preserve-3d;
position: absolute;
}
.gwd-page-wrapper {
background-color: rgb(255, 255, 255);
position: absolute;
-webkit-transform: translateZ(0px);
}
.gwd-page-size {
width: 300px;
height: 250px;
}
.gwd-div-xd1m {
position: absolute;
left: -2px;
top: 0px;
width: 301px;
height: 248px;
}
</style>
<script type="text/x-serialization" id="gwd-serialization">
{
"version": 1,
"content": {
"type": "rad.ad.RichMedia",
"properties": {
"environment": "@environment"
},
"children": [
"@page1"
]
},
"objects": {
"environment": {
"type": "rad.environment.DoubleClickStudio",
"properties": {
"isBanner": true
}
},
"page1": {
"type": "rad.ui.Page",
"decorates": true,
"properties": {
"width": "300px",
"height": "250px",
"isDefault": true
},
"children": [
"@video_1"
]
},
"video_1": {
"type": "rad.ui.Video",
"decorates": true,
"properties": {
"autoplay": true,
"loop": true,
"sources": [
"https://tsm-lab.s3.amazonaws.com/3gspreroll.m4v"
],
"muted": true,
"controls": true
}
}
}
}
</script>
</head>
<body>
<div class="gwd-page-container">
<div id="page1" class="gwd-page-wrapper gwd-page-size" data-gwd-component-id="page1">
<div class="gwd-page-content gwd-page-size">
<div id="video_1" data-gwd-component="rad.ui.Video" data-gwd-component-id="video_1" class="gwd-div-xd1m"></div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment