3D-VID

Table of Contents

1. Introduction
2. Installation
3. Usage

Introduction

• This is a npm . package for 3D video animation

Installation

npm i 3d-vid

Usage

• First of all you have to add video-media class to the video which you want to rotate it in x-y-z dirictions , and give anoght id to your video called myVideo and for makeing prespective for the z depth wrape this code with video-holder class name div tag with id showreel

<div class="video-holder" id="showreel">
<div class="video-media">
   <video  id="myVideo" >
     <source src="VideoPath.mp4">
  </video>
</div>

• You can also add some text above the video to make it in z depth by adding video-title to your video-media scope

<div class="video-media">
   <video  id="myVideo" >
     <source src="VideoPath.mp4">
  </video>
 <h1 class="video-title">OUR REEL</h1>
</div>

• Make a new mouse cursor by adding video-button class name

<div class="video-button" id="button">press</div>

Click to full screen video

• Firing function called openFullscreen() the video will be on screen full size with this a tag

  <a onclick="openFullscreen()"> 
   <div class="video-holder" id="showreel">
  .....
   </div>
  <a/>