WeCreate: Widgets

<script src="//we--create.web.app/widgets/video-player.js"></script>
      <div class="video-container">
         <div class="main-video">
         <div class="video">
             <video src="#" controls muted autoplay></video>
             <h3 class="title">)1. Video title goes here</h3>
             </div>
         </div>
         
         <div class="video-list">
         <div class="vid active">
              <video src="#" muted></video>
             <h3 class="title">)2. Video title goes here</h3>
             </div>
              <div class="vid">
              <video src="#" muted></video>
             <h3 class="title">)3. Video title goes here</h3>
             </div>
              <div class="vid">
              <video src="#" muted></video>
             <h3 class="title">)4. Video title goes here</h3>
             </div>
              <div class="vid">
              <video src="#" muted></video>
             <h3 class="title">)5. Video title goes here</h3>
             </div>
             </div>
         </div>

Video player.js

Compiler.js