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
Below are instructions on how to embed a CameraTag <player> into a webpage.

How do I embed the <player> player on my site?
How do I dynamically add a <player> player to the DOM?
How do I get a video's UUID?

How do I embed a <player> on my site?

After a user has published a recording using one of your cameras you can embed a Cameratag <player> on your site. You will need the recorded video's UUID (how do I find this?).

First, make sure you have the cameratag.js and cameratag.css files included in the header of your site. The following <script> tag should appear at the bottom of your page's <head> tag

<script src='//www.cameratag.com/v14/js/cameratag.min.js' type='text/javascript'></script>
<link rel='stylesheet' href='//www.cameratag.com/static/14/cameratag.css'>
Next, create a new <player> tag somewhere in your page's <body> like the one below. 
<player id='MyPlayer1' data-uuid='YOUR_ASSET_UUID'></player>
Make sure to replace the YOUR_ASSET_UUID with the UUID of a Video or Audio from your App (how do I find this?).

The player also supports playlists. To playback multiple assets simply provide a comma separated list:

<player id='MyPlayer1' data-uuid='YOUR_VIDEO_UUID_1,YOUR_VIDEO_UUID_2'></v>

Please Note: Each <player> tag must have a unique id. If you plan on having more than one player on a page please ensure they have unique ID's

How do I dynamically add a <player> player to the DOM?

If you want to embed at a <player> player after the page has loaded simply add the <player> element to the DOM as described above then call 
CameraTag.setup();
This will rescan the DOM for any uninitialized <player> tags.

How do I get a video's UUID?

The UUID of a recording is always passed along with the video data. Any of the mechnisms listed in the camera documentation to get video URLs will also povide access to the recordings UUID.

In the case of the <camera> JS API you can use the getVideo() methodd to get a video's UUID from the camera:

In the canse of the form submission your <camera> tag will create a hidden inout with the video UUID:

In the case of the server callback and REST API you will get a video JSON object that contains the UUID: