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: