Product Media Gallery
Example of combining multiple media elements Images, Video, 3D Viewer — into a single product gallery. All elements were created using Alter Product solutions.
index.html
App.js
Styles.css
1<!DOCTYPE html>
2<html>
3
4<head>
5 <title>Docs Advanced - Product media gallery</title>
6 <meta charset="utf-8" />
7 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
9 <link rel="stylesheet" href="./src/Styles.css">
10 <link href="https://vjs.zencdn.net/8.16.1/video-js.css" rel="stylesheet" />
11</head>
12
13<body>
14 <div id="wrapper">
15 <div id="displayWrapper"></div>
16 <div id="buttonsWrapper"></div>
17 </div>
18
19 <script src="./src/App.js"></script>
20 <script src="https://vjs.zencdn.net/8.16.1/video.js"></script>
21</body>
22
23</html>