1.2.12 • Published 10 months ago

@dreamworld/dw-video v1.2.12

Weekly downloads
-
License
ISC
Repository
github
Last release
10 months ago

dw-video

A WebComponent to show a video thumbnail on documentation & blog sites.

Behaviours

  • Currntly support only Vimeo video.
  • Auto compute height based on width css style.
  • On thumbnail click, open Vimeo video in new tab.
  • If you want to show Vimeo actual video instead of a thumbnail then set the inline property as a true.

Examples

  • Default Examples

      <dw-video
        src='https://player.vimeo.com/video/313303279'>
      </dw-video>
      dw-video {
        width: 500px;
      }
  • Inline Video

      <dw-video
        inline
        src='https://player.vimeo.com/video/313303279'>
      </dw-video>
      dw-video {
        width: 500px;
      }

Properties

PropertyAttributeTypeDefaultDescription
inlineinlinebooleanIf true then shows a inline vimeo video, Otherwise shows a viemo video thumbnail.
srcsrcstringVideo path/source.It should be vimeo video path e.g. https://player.vimeo.com/video/313303279.

Events

EventDescription
loadedwhen video thumbnail/inline-video is successfully loaded.