Video-InfoBox Component

Description

Vide0-InfoBox Component will display a background video inside of a box with a title and description. Optionally, a link can also be added. Height of the box can be set.

Demo

With link

Without link

Available attributes:

data-videoURL - specify URL for video file
data-height - specify height in px
data-title - specify title that will appear as a heading
data-description - specify description that will appear below the heading
data-linkURL - specify URL to be used for button (OPTIONAL)

Excluded attributes will default to the following:

data-height - 400px
data-title - 'Default Heading'
data-description - 'Lorem ipsum dolor sit amet, an his etiam torquatos.'

HTML


      <video-infobox 
 
          data-videoURL="https://www.w3schools.com/howto/rain.mp4" 
 
          data-height="500px" 
 
          data-title="Title" 
 
          data-description="Description of video or content." 
 
          data-linkURL="https://www.google.com"> 
 
      </video-infobox>


      <script src="videoInfoBox.min.js"></script>

Video-InfoBox Component

Description

Demo

With link

Without link

Available attributes:

Excluded attributes will default to the following:

HTML

Javascript