https://stmaartenboardwalk.com/wp-content/plugins/ipcamlive/assets/js/embed-video.js?ver=1.0.0

1jQuery(document).ready(() => {
2
3    let cameras = document.querySelectorAll('.cameras');
4    ip = {};
5
6    for (let x = 0; x < cameras.length; x++) {
7        if (cameras[x].id != undefined) {
8            let alias = cameras[x].getAttribute('data-alias');
9            let features = cameras[x].getAttribute('data-features');
10            let featuresArr = features.split(",");
11            let featuresObj = {};
12
13            for (let x = 0; x < featuresArr.length; x++) {
14                if (featuresArr[x] != '') {
15                    let feature = featuresArr[x].split(":");
16
17                    for (let j = 0; j < feature.length; j++) {
18                        featuresObj[feature[0]] = isNaN(feature[1]) ? feature[1] : Number(feature[1]);
19                    }
20                }
21            }
22
23            ip[cameras[x].id] = new iplayer();
24            ip[cameras[x].id].embed(cameras[x].id, alias, featuresObj);
25            ip[cameras[x].id].resize();
26
27            let width = jQuery('#' + cameras[x].id).width();
28            let ratio = cameras[x].getAttribute('data-ratio');
29            let boxwidth = cameras[x].getAttribute('data-boxwidth');
30
31            if (ratio < 1) {
32                jQuery('#' + cameras[x].id).width(width).height(width * ratio);
33            } else {
34                jQuery('#' + cameras[x].id).width(width * boxwidth).height(width);
35                jQuery('#' + cameras[x].id).css({
36                    'margin-left': 'auto',
37                    'margin-right': 'auto',
38                });
39            }
40        }
41    }
42
43    jQuery(window).resize(() => {
44        for (let x in cameras) {
45            if (cameras[x].id != undefined) {
46                let width = jQuery('#' + cameras[x].id).parent().width();
47                let ratio = cameras[x].getAttribute('data-ratio');
48                let boxwidth = cameras[x].getAttribute('data-boxwidth');
49
50                if (ratio < 1) {
51                    jQuery('#' + cameras[x].id).width(width).height(width * ratio);
52                    /*jQuery('#' + cameras[x].id).css({
53                        'max-width': '650px',
54                        'max-height': `${650 * ratio}px`,
55                    });*/
56                } else {
57                    jQuery('#' + cameras[x].id).width(width * boxwidth).height(width);
58                    /*jQuery('#' + cameras[x].id).css({
59                        'max-height': '650px',
60                        'max-width': `${650 * boxwidth}px`,
61                    });*/
62                }
63            }
64        }
65    })
66})