3d-vid

    1.0.6 • Public • Published

    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/>

    Install

    npm i 3d-vid

    DownloadsWeekly Downloads

    14

    Version

    1.0.6

    License

    ISC

    Unpacked Size

    15 kB

    Total Files

    5

    Last publish

    Collaborators

    • mohamedsaiedd