Usage

Please import the following script once in your page

<script scr="https://cdn.jsdelivr.net/npm/@donkeyclip/webcomponent"></script>

Then you can use our webcomponent:

<donkey-clip
  id="<your-clip's-id>"
  controls
  definition='your-definition'
  initparams='your-init-params-as-a-stringified-json'>
</donkey-clip>

Available Attributes and Properties

• id : The ID of the donkeyclip you want to use.
• height (optional): The height of the video player in pixels or percentage. If not provided, the player will default to the height of its parent container.
• width (optional): The width of the video player in pixels or percentage. If not provided, the player will default to the width of its parent container.
• scaletofit (optional): A boolean or string value that, when set to true, scales the clip to fit the player dimensions.
• mcversion (optional): A string specifying the version of the MotorCortex library to use.
• playerversion (optional): A string specifying the version of the Donkeyclip Player library to use.
• theme (optional): A PlayerTheme that sets the player's theme. Read more here
• initparams (optional): An stringified object containing the initParams for initializing the clip.
• visible (optional): A string value "always" indicating that the player should always be visible.
• ms (optional): A number or string value representing the millisecond at which the clip should start playing.
• definition (optional): A Definition stringified object or a string containing the JSON representation of a Definition stringified object.
• volume (optional): A number or string value representing the volume level of the clip.
• speed (optional): A number or string value representing the playback speed of the clip.
• backgroundcolor (optional): A string value representing the background color of the player.
• spinnercolor (optional): A string value representing the color of the loading spinner.
• metadata (optional): A DonkeyClipMetadata stringified object containing metadata about the clip.