HTML implementation

Include script

Put this script in your html page, best to put it inside head tag.

<script src="https://static.mediaoutcast.com/player/0.9.27/js/mov-init.min.js" async></script>

Basic example

<script src="https://static.mediaoutcast.com/player/0.9.27/js/mov-init.min.js" async></script>

<mov-player
    player-id="1"
    video-id="j1k01MP0"
></mov-player>

Example with all params

<script src="https://static.mediaoutcast.com/player/0.9.27/js/mov-init.min.js" async></script>
<mov-player
    player-id="j1k01MP0"
    project-id="Q4lm76b"
    video-title="Best movie ever"
    source="https://static.mediaoutcast.com/stream.mp4"
    muted="false"
    autoplay="true"
    fullscreen="false"
    playback-type="on-demand"
    title="We tested new iPhone for the first time"
    ad-tag="https://pubads.g.doubleclick.net....."
    monetize="true"
    ga4="G-12B345..."
    mo-analytics="true"
    ads-timeout="true"
    ads-preroll-timeout="true"
></mov-player>

All allowed properties

NOTE: source (or video-id), player-id, project-id and video-title are required

KEY	TYPE	DESCRIPTION
player-id	string	Player id, you can get this from CMS
project-id	string	Project id, you can get this from CMS
video-title	string	Video title
video-id	string	optional ID of the video from static.mediaoutcast.com
source	string	optional You can put any m3u8 or mp4 file. If this is present source from video-id will be overwrited
poster	string	optional Poster image for video.
muted	string	optional default:false
autoplay	string	optional default:false
fullscreen	string	optional default:false Show fullscreen button
playback-type	string	optional default:on-demand If you have livestream can change controls by set this to stream
ad-tag	string	optional Custom ad tag
monetize	string	optional default:false values:true/false Turn on off ads
ga4	string	optional Google analytics tag
ads-timeout	string	optional Timeout of all ads
ads-preroll-timeout	string	optional Timeout of preroll ads