Intro
Overview New in V14
Apps
Overview Configuration
<camera>
Overview Browser Support Embedding Configuration Custom Interface JS Methods JS Events Collecting Videos
<room>
Overview Browser Support Embedding Configuration Custom Interface JS Methods JS Events
<player>
Overview Embedding Configuration JS Methods & Events
<wall>
Overview Embedding Configuration JS Methods
<photobooth>
Overview Embedding Configuration Custom Interface JS Methods JS Events
<photo>
Overview Embedding
<microphone>
Overview Embedding Configuration Custom Interface JS Methods JS Events Collecting Audio
REST API
Overview List Assets Show Asset Update Asset Delete Asset List Apps Show App Create App Update App Video Object Photo Object Audio Object List Rooms Create Room Show Room Update Room Delete Room

Advanced Media Player Configuration

Beyond the two required settings for a <player> there are several optional advanced settings. You can configure these using our Embed Sandbox by clicking on the link labled "Advanced Configuration" or by using data attributes on your own hand-rolled <player>

Instance ID
#assets
Aspect Ratio
Width
Height
Auto Start
Show Controls
Display Name
Display Dscription
Mute
Repeat
Poster
Sharing Link
Embed Code
Share Prompt
Stretch Type
Download Button

id

A unique identifier for this room (in case you have more than one on the page) 
<player id='myPlayer' data-app-id='[YOUR_APP_UUID]'></player>

<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-assets='null'></player>

data-aspectratio

To create a responsively sized player, select an aspect ratio and set the width to a percentage. 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-aspectratio='automatic'></player>

data-width

Width of the player as integer or percentage (if left blank the player will be sized to the selected video(s).) To create a responsive player please also choose an aspect ratio and leave the height param blank. 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-width=''></player>

data-height

Height of the player as integer (if left blank the player will be sized to the video(s) selected for playback) 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-height=''></player>

data-autostart

Automatically start playinhg the media on load (not supported by all devices) 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-autostart='false'></player>

data-controls

Display playback controls to the user 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-controls='true'></player>

data-displaytitle

Show the asset name in the player 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-displaytitle='true'></player>

data-displaydescription

Show the asset description in the player 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-displaydescription='true'></player>

data-mute

Start the player with the sound muted 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-mute='false'></player>

data-repeat

Automatically loop the media 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-repeat='false'></player>

data-image

URL to an image to use as the player's poster (if left blank the CameraTag generated thumbnail will be used) 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-image=''></player>

data-sharing-embed

An URL to be used when this media is shared from the right click menu. By default the CameraTag Player. 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-sharing-embed=''></player>

data-sharing-heading

Language used in the share menu 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-sharing-heading='Share Asset'></player>

data-stretching

Determines how meida are fit to the player. 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-stretching='uniform'></player>

data-download

Show a download button in the player 
<player id='myBoooth1' data-app-id='[YOUR_APP_UUID]' data-download='false'></player>