@dailymotion/vast-client
Version:
JavaScript VAST Client
31 lines (30 loc) • 1.1 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>Demonstrating Vast-client.js Library and Implementing Preroll</title>
</head>
<body>
<main role="main" id="main">
<h1>vast-client.js use case</h1>
<p>This page aim to demonstrate how to use the vast-client.js library and implement a simple preroll using a html5 video tag.</p>
<div class="video-container">
<video
id="myVideo"
src="https://dmplayer.storage.googleapis.com/tech_test/midnight_sun_720p.mp4"
width="480"
height="360"
controls
></video>
</div>
<p>Companion ad slot</p>
<div id ="variationContainer">
<img src="#" alt="IAB companion ad image" id="variationImg" />
</div>
</main>
<script type="module" src="index.js" type="text/javascript"></script>
</body>
</html>