JSFiddle - React, Tailwind, and code Playground
HTML
<div style='max-width: 1280px; padding-bottom: 56.25%; position: relative; display: block; height: 0; overflow: hidden; margin: 0;'>
<iframe id='Z22' style='position: absolute; top: 0; bottom: 0; left:0; width: 100%; height:100%'></iframe>
</div>
JavaScript
$.ajax({
url: 'https://api.immoviewer.com/rest/v1/tour?identity=zakhar&name=Z22',
dataType: 'jsonp',
success: function (data) {
if (data['type'] == "ITEM_NOT_FOUND") {
alert("Item does not have Tour or item does not exist");
} else if (data['iframe'] != null && data['iframe'] != "") {
$('#Z22').attr('src', data['iframe']);
$('#Z22').parent().show();
}
}
});