@gobistories/gobi-web-integration
Version:
This library will let you put your Gobi stories on your site.
47 lines (40 loc) • 1.12 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Gobi - Player Example</title>
<script type="text/javascript" src="/dist/run-config.js"></script>
<style>
body {
background-color: #f7f7f7;
font-family: "Helvetica Neue", sans-serif;
}
#spacing {
height: 500px;
}
</style>
<script type="text/javascript" src="../index.js?v=d85e77"></script></head>
<body>
<h1>Example stories:</h1>
<div id="player-container-1" style="width: 200px; height: 570px"></div>
<div id="spacing"></div>
<div id="player-container-2" style="width:400px; height: 570px"></div>
<script>
new gobi.Player({
container: '#player-container-1',
storyId: "demo04",
checkViewPort: true,
autoStart: false,
apiBaseUrl: runConfig.apiBaseUrl,
});
new gobi.Player({
container: '#player-container-2',
storyId: "demo05",
checkViewPort: true,
autoStart: true,
apiBaseUrl: runConfig.apiBaseUrl,
});
</script>
</body>
</html>