<style type="text/css">.editor-wrap img {
width: 100% !important;
height: auto !important;
}
.wrap-video {
background-color: #000000;
/* 좌우 여백 컬러 */
padding: 60px 0;
}
.wrap-video-inner {
width: 100%;
max-width: 1000px;
/* 원하는 영상 최대 너비 설정 (ex. 1000px) */
margin: 0 auto;
text-align: center;
}
</style>
<img alt="" src="https://image.a-rt.com/art/editor/202508/1754898488915.png" style="width: 1920px; height: 1020px;" /> <img alt="" src="https://image.a-rt.com/art/editor/202508/1754643388866.png" style="width: 1920px; height: 490px;" />
<div class="wrap-video">
<div class="wrap-video-inner">
<video autoplay="" controls="" muted="" playsinline="" preload="auto"><source src="http://api.wecandeo.com/video/default/BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais3bzJe2z29xKMIZzrSKDXcWvMxzxNx4FQQWQBkCLME3mhOfx8CI7gvMgieie.mp4" /></video>
</div>
</div>
<img alt="" src="https://image.a-rt.com/art/editor/202508/1754643399898.png" style="width: 1920px; height: 6398px;" /> <img alt="" src="https://image.a-rt.com/art/editor/202508/1754643411550.png" style="width: 1920px; height: 1346px;" usemap="#map" /><map name="map"><area alt="" coords="559,1024,1359,1104" href="https://www.a-rt.com/display/webzine/magazine" shape="rect" /></map> <!-- 이미지맵 반응형 스크립트 --> <script>
function fixImageMaps(force) {
var imgs = document.querySelectorAll('img[usemap]');
[].forEach.call(imgs, function (img) {
if (!img.naturalHeight) {
return;
}
var h = img.height / img.naturalHeight;
var w = img.width / img.naturalWidth;
var map = document.getElementsByName(img.useMap.slice(1))[0];
if (!map) {
return;
}
for (var i = 0; i < map.children.length; i++) {
var area = map.children[i];
if (!area.coords) {
continue;
}
var coords = area.coords;
if (!area.originalCoords) {
area.originalCoords = coords;
} else {
coords = area.originalCoords;
}
var split = coords.split(',');
var fixed = '';
split.forEach(function (coord, n) {
if (n != 0) {
fixed += ',';
}
fixed += n % 2 == 0 ? Number(coord) * w : Number(coord) * h;
});
area.coords = fixed;
}
});
}
window.onresize = fixImageMaps;
window.onload = fixImageMaps;
setInterval(fixImageMaps, 100);
</script>
