Web Player SDK
How to use Uiza's webSDK
Include css, js into html:
<!-- 1. Include UIZA library. -->
<link href="https://cdn.jsdelivr.net/npm/@uizaio/playerjs@5.20.7-rc5/dist/uiza.css" rel="stylesheet" crossorigin="anonymous" /><!-- route to uiza.css -->
<script src="https://cdn.jsdelivr.net/npm/@uizaio/playerjs@5.20.7-rc5/dist/uiza.min.js" crossorigin="anonymous" ></script><!-- route to uiza.min.js -->
2. The video player will prepend the player into this <div> tag:
<video id="playerUiza" crossorigin playsinline autoplay muted></video>3. This code creates an UIZA player:
<script>
var videoSrc = "UIZA_PLAY_BACK_LINK"; // This may be PLAY_BACK_LINK (hls or dash)
window.UZPlayer = new Uiza(document.getElementById("playerUiza"), {
src: videoSrc,
});
</script>4. Full code example:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<style>
body {
margin: 0;
padding: 0;
}
</style>
<link
href="https://cdn.jsdelivr.net/npm/@uizaio/playerjs@5.20.7-rc5/dist/uiza.css"
rel="stylesheet"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/@uizaio/playerjs@5.20.7-rc5/dist/uiza.min.js"
crossorigin="anonymous"
></script>
</head>
<body>
<video id="playerUiza" crossorigin playsinline autoplay muted></video>
<script>
var videoSrc = "UIZA_PLAY_BACK_LINK"; // This may be PLAY_BACK_LINK (hls or dash)
window.UZPlayer = new Uiza(document.getElementById("playerUiza"), {
src: videoSrc,
});
</script>
</body>
</html>Last updated