{"id":1417,"date":"2025-12-10T16:37:50","date_gmt":"2025-12-10T08:37:50","guid":{"rendered":"https:\/\/iacci.mn\/?p=1417"},"modified":"2025-12-10T18:15:53","modified_gmt":"2025-12-10T10:15:53","slug":"video","status":"publish","type":"post","link":"https:\/\/iacci.mn\/?p=1417","title":{"rendered":"\u0412\u0438\u0434\u0435\u043e \u043c\u044d\u0434\u044d\u044d\u043b\u044d\u043b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1417\" class=\"elementor elementor-1417\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-f88e601 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f88e601\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b5717c elementor-invisible\" data-id=\"2b5717c\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-76b8f54 elementor-widget elementor-widget-image\" data-id=\"76b8f54\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2000\" height=\"2000\" src=\"https:\/\/iacci.mn\/wp-content\/uploads\/2025\/06\/\u043b\u043e\u0433\u043e-\u0446\u0430\u0433\u0430\u0430\u043d.png\" class=\"attachment-full size-full wp-image-146\" alt=\"\" srcset=\"https:\/\/iacci.mn\/wp-content\/uploads\/2025\/06\/\u043b\u043e\u0433\u043e-\u0446\u0430\u0433\u0430\u0430\u043d.png 2000w, https:\/\/iacci.mn\/wp-content\/uploads\/2025\/06\/\u043b\u043e\u0433\u043e-\u0446\u0430\u0433\u0430\u0430\u043d-300x300.png 300w, https:\/\/iacci.mn\/wp-content\/uploads\/2025\/06\/\u043b\u043e\u0433\u043e-\u0446\u0430\u0433\u0430\u0430\u043d-1024x1024.png 1024w, https:\/\/iacci.mn\/wp-content\/uploads\/2025\/06\/\u043b\u043e\u0433\u043e-\u0446\u0430\u0433\u0430\u0430\u043d-150x150.png 150w, https:\/\/iacci.mn\/wp-content\/uploads\/2025\/06\/\u043b\u043e\u0433\u043e-\u0446\u0430\u0433\u0430\u0430\u043d-768x768.png 768w, https:\/\/iacci.mn\/wp-content\/uploads\/2025\/06\/\u043b\u043e\u0433\u043e-\u0446\u0430\u0433\u0430\u0430\u043d-1536x1536.png 1536w, https:\/\/iacci.mn\/wp-content\/uploads\/2025\/06\/\u043b\u043e\u0433\u043e-\u0446\u0430\u0433\u0430\u0430\u043d-700x700.png 700w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1d9a3f elementor-widget elementor-widget-heading\" data-id=\"a1d9a3f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">\u0411\u0410\u0420\u0418\u041b\u0413\u0410, \u0414\u042d\u0414 \u0411\u04ae\u0422\u0426\u0418\u0419\u041d \u041e\u041b\u041e\u041d \u0423\u041b\u0421\u042b\u041d \u0410\u0420\u0411\u0418\u0422\u0420<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47d6072 elementor-widget elementor-widget-heading\" data-id=\"47d6072\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0412\u0438\u0434\u0435\u043e \u041c\u044d\u0434\u044d\u044d\u043b\u044d\u043b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c13ee5d e-con-full e-flex e-con e-parent\" data-id=\"c13ee5d\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15c0b2f elementor-widget elementor-widget-html\" data-id=\"15c0b2f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- iacci.mn Video Card with Picker, Video Center, Info Right, Key Takeaways Under Video -->\r\n<style>\r\n.ivw-card { display:flex; max-width:1200px; margin:20px auto; background:#fff; border-radius:16px; box-shadow:0 6px 18px rgba(0,0,0,0.08); overflow:hidden; font-family:'Inter', sans-serif; gap:20px; }\r\n\r\n\/* Left thumbnails *\/\r\n.ivw-left { flex:0 0 150px; display:flex; flex-direction:column; gap:10px; padding:20px; }\r\n.ivw-thumb-wrapper { text-align:center; }\r\n.ivw-left img { width:100%; border-radius:12px; cursor:pointer; border:2px solid transparent; transition:0.3s; }\r\n.ivw-left img:hover, .ivw-left img.active { border-color:#bfa14a; }\r\n.ivw-thumb-caption {\r\n  font-size:12px;\r\n  margin-top:4px;\r\n  color:#0b2c57;\r\n  text-align:center;\r\n  word-break: break-word;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp:2; \/* Max 2 lines *\/\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* Center video and timestamps *\/\r\n.ivw-video-section { flex:1; display:flex; flex-direction:column; gap:10px; padding:20px 0; }\r\n.ivw-video-wrap { position:relative; width:100%; padding-top:56.25%; background:#000; border-radius:12px; overflow:hidden; }\r\n.ivw-video-wrap video { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:12px; }\r\n.ivw-timestamps { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px; }\r\n.ivw-timestamps span { cursor:pointer; background:#0b2c57; color:#fff; padding:6px 12px; border-radius:8px; font-size:13px; transition:0.3s; }\r\n.ivw-timestamps span:hover { background:#bfa14a; color:#0b2c57; }\r\n.ivw-keypoints { background:#f9fafc; border-radius:12px; padding:12px 16px; }\r\n.ivw-keypoints ul { padding-left:18px; margin:0; color:#0b2c57; }\r\n\r\n\/* Right info *\/\r\n.ivw-right { flex:0 0 350px; display:flex; flex-direction:column; gap:16px; padding:20px; }\r\n.ivw-title { background:#0b2c57; color:#fff; padding:12px 16px; border-radius:12px 12px 0 0; font-size:18px; font-weight:600; }\r\n.ivw-about, .ivw-speaker { background:#f9fafc; border-radius:12px; padding:12px 16px; }\r\n.ivw-speaker { display:flex; align-items:center; gap:10px; }\r\n.ivw-speaker img { width:50px; height:50px; border-radius:50%; object-fit:cover; border:1px solid rgba(11,44,87,0.2); }\r\n\r\n@media(max-width:1024px){\r\n  .ivw-card { flex-direction:column; }\r\n  .ivw-left { flex-direction:row; overflow-x:auto; padding:10px; flex:unset; }\r\n  .ivw-left img { width:120px; flex-shrink:0; }\r\n  .ivw-thumb-caption { font-size:10px; }\r\n  .ivw-video-section { width:100%; }\r\n  .ivw-right { width:100%; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"ivw-container\"><\/div>\r\n\r\n<script>\r\nconst videoData = [\r\n  { videoUrl:\"https:\/\/iacci.mn\/wp-content\/uploads\/2025\/12\/F7CBFB5C-A78B-4A22-8E11-77E0FFE44A81.mp4\", thumbnail:\"https:\/\/iacci.mn\/wp-content\/uploads\/2025\/06\/pexels-pavel-danilyuk-8112172-scaled.jpg\", title:\"\u0410\u0440\u0431\u0438\u0442\u0440\u0430\u0430\u0440 \u0445\u044d\u0440\u044d\u0433, \u043c\u0430\u0440\u0433\u0430\u0430\u043d \u0448\u0438\u0439\u0434\u0432\u044d\u0440\u043b\u04af\u04af\u043b\u044d\u0445\u0438\u0439\u043d \u0434\u0430\u0432\u0443\u0443 \u0442\u0430\u043b\", caption:\"\u0410\u0440\u0431\u0438\u0442\u0440\u0430\u0430\u0440 \u0445\u044d\u0440\u044d\u0433, \u043c\u0430\u0440\u0433\u0430\u0430\u043d \u0448\u0438\u0439\u0434\u0432\u044d\u0440\u043b\u04af\u04af\u043b\u044d\u0445\u0438\u0439\u043d \u0434\u0430\u0432\u0443\u0443 \u0442\u0430\u043b\", about:\"\u0411\u0430\u0440\u0438\u043b\u0433\u0430, \u0414\u044d\u0434 \u0411\u04af\u0442\u0446\u0438\u0439\u043d \u041e\u043b\u043e\u043d \u0423\u043b\u0441\u044b\u043d \u0410\u0440\u0431\u0438\u0442\u0440\u0430\u0430\u0440 \u043c\u0430\u0440\u0433\u0430\u0430\u043d \u0448\u0438\u0439\u0434\u0432\u044d\u0440\u043b\u04af\u04af\u043b\u044d\u0445\u0438\u0439\u043d \u0434\u0430\u0432\u0443\u0443 \u0442\u0430\u043b\", keypoints:[\"\u0411\u0430\u0440\u0438\u043b\u0433\u0430, \u0434\u044d\u0434 \u0431\u04af\u0442\u0446\u0438\u0439\u043d \u0442\u04e9\u0441\u043b\u0438\u0439\u043d \u044d\u0440\u0441\u0434\u044d\u043b\", \"\u0411\u0430\u0440\u0438\u043b\u0433\u0430, \u0434\u044d\u0434 \u0431\u04af\u0442\u0446\u0438\u0439\u043d \u043e\u043b\u043e\u043d \u0443\u043b\u0441\u044b\u043d \u0430\u0440\u0431\u0438\u0442\u0440\u044b\u043d \u0448\u0438\u0439\u0434\u0432\u044d\u0440\u043b\u044d\u0445 \u043c\u0430\u0440\u0433\u0430\u0430\u043d\u044b \u0442\u04e9\u0440\u04e9\u043b\", \"\u0410\u0440\u0431\u0438\u0442\u0440\u044b\u043d \u0434\u0430\u0432\u0443\u0443 \u0442\u0430\u043b\"], speaker:{name:\"\u0411\u0430\u0440\u0438\u043b\u0433\u0430, \u0414\u044d\u0434 \u0411\u04af\u0442\u0446\u0438\u0439\u043d \u041e\u043b\u043e\u043d \u0423\u043b\u0441\u044b\u043d \u0410\u0440\u0431\u0438\u0442\u0440\u044b\u043d \u0410\u0436\u043b\u044b\u043d \u0430\u043b\u0431\u0430\", desc:\"\", img:\"https:\/\/iacci.mn\/wp-content\/uploads\/2025\/06\/\u0410\u0440\u0431\u0438\u0442-\u043b\u043e\u0433\u043e88.jpg\"}, timestamps:[{time:\"0:00\", label:\"\u042d\u0445\u043b\u044d\u043b\"},{time:\"0:09\", label:\"\u0411\u0430\u0440\u0438\u043b\u0433\u0430, \u0414\u044d\u0434 \u0411\u04af\u0442\u0446\u0438\u0439\u043d \u041e\u043b\u043e\u043d \u0423\u043b\u0441\u044b\u043d \u0410\u0440\u0431\u0438\u0442\u0440\u0430\u0430\u0440 \u043c\u0430\u0440\u0433\u0430\u0430\u043d \u0448\u0438\u0439\u0434\u0432\u044d\u0440\u043b\u04af\u04af\u043b\u044d\u0445\u0438\u0439\u043d \u0434\u0430\u0432\u0443\u0443 \u0442\u0430\u043b\"},{time:\"2:24\", label:\"\u0410\u043d\u0445\u0430\u0430\u0440\u0430\u0445 \u0430\u0441\u0443\u0443\u0434\u043b\u0443\u0443\u0434\"}]},\r\n];\r\n\r\nconst container = document.getElementById(\"ivw-container\");\r\nconst card = document.createElement(\"div\");\r\ncard.classList.add(\"ivw-card\");\r\n\r\n\/\/ Left thumbnails\r\nconst left = document.createElement(\"div\");\r\nleft.classList.add(\"ivw-left\");\r\nvideoData.forEach((vid, idx)=>{\r\n  const wrapper = document.createElement(\"div\");\r\n  wrapper.classList.add(\"ivw-thumb-wrapper\");\r\n  const img = document.createElement(\"img\");\r\n  img.src = vid.thumbnail;\r\n  if(idx===0) img.classList.add(\"active\");\r\n  img.addEventListener(\"click\", ()=>{\r\n    updateVideo(idx);\r\n    document.querySelectorAll(\".ivw-left img\").forEach(i=>i.classList.remove(\"active\"));\r\n    img.classList.add(\"active\");\r\n  });\r\n  const caption = document.createElement(\"div\");\r\n  caption.classList.add(\"ivw-thumb-caption\");\r\n  caption.textContent = vid.caption;\r\n  wrapper.appendChild(img);\r\n  wrapper.appendChild(caption);\r\n  left.appendChild(wrapper);\r\n});\r\n\r\n\/\/ Center video + timestamps + key takeaways\r\nconst videoSection = document.createElement(\"div\");\r\nvideoSection.classList.add(\"ivw-video-section\");\r\nvideoSection.innerHTML = `\r\n  <div class=\"ivw-video-wrap\">\r\n    <video controls class=\"ivw-main-video\"><\/video>\r\n  <\/div>\r\n  <div class=\"ivw-timestamps\"><\/div>\r\n  <div class=\"ivw-keypoints\"><h4>\u0413\u043e\u043b \u0430\u0433\u0443\u0443\u043b\u0433\u0430<\/h4><ul><\/ul><\/div>\r\n`;\r\n\r\n\/\/ Right info\r\nconst right = document.createElement(\"div\");\r\nright.classList.add(\"ivw-right\");\r\nright.innerHTML = `\r\n  <div class=\"ivw-title\"><\/div>\r\n  <div class=\"ivw-about\"><h4>\u0422\u043e\u0432\u0447 \u043c\u044d\u0434\u044d\u044d\u043b\u044d\u043b<\/h4><p><\/p><\/div>\r\n  <div class=\"ivw-speaker\">\r\n    <img decoding=\"async\" src=\"\" alt=\"\">\r\n    <div><strong><\/strong><br><\/div>\r\n  <\/div>\r\n`;\r\n\r\ncard.appendChild(left);\r\ncard.appendChild(videoSection);\r\ncard.appendChild(right);\r\ncontainer.appendChild(card);\r\n\r\nfunction updateVideo(idx){\r\n  const vid = videoData[idx];\r\n  const videoEl = videoSection.querySelector(\".ivw-main-video\");\r\n  videoEl.src = vid.videoUrl;\r\n  videoEl.load();\r\n  videoEl.play();\r\n\r\n  \/\/ timestamps\r\n  const tsContainer = videoSection.querySelector(\".ivw-timestamps\");\r\n  tsContainer.innerHTML = vid.timestamps.map(t=>`<span data-time=\"${t.time}\">${t.time} ${t.label}<\/span>`).join('');\r\n\r\n  \/\/ key takeaways\r\n  videoSection.querySelector(\".ivw-keypoints ul\").innerHTML = vid.keypoints.map(k=>`<li>${k}<\/li>`).join('');\r\n\r\n  \/\/ right info\r\n  right.querySelector(\".ivw-title\").textContent = vid.title;\r\n  right.querySelector(\".ivw-about p\").textContent = vid.about;\r\n  const spImg = right.querySelector(\".ivw-speaker img\");\r\n  spImg.src = vid.speaker.img;\r\n  spImg.alt = vid.speaker.name;\r\n  right.querySelector(\".ivw-speaker div\").innerHTML = `<strong>${vid.speaker.name}<\/strong><br>${vid.speaker.desc}`;\r\n}\r\n\r\n\/\/ Initial load\r\nupdateVideo(0);\r\n\r\n\/\/ Timestamp click\r\ndocument.addEventListener(\"click\", e=>{\r\n  if(e.target.matches(\".ivw-timestamps span\")){\r\n    const video = videoSection.querySelector(\".ivw-main-video\");\r\n    const parts = e.target.dataset.time.split(\":\");\r\n    let sec = 0;\r\n    if(parts.length===2) sec = parseInt(parts[0])*60 + parseInt(parts[1]);\r\n    else sec = parseInt(parts[0]);\r\n    video.currentTime = sec;\r\n    video.play();\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0411\u0410\u0420\u0418\u041b\u0413\u0410, \u0414\u042d\u0414 \u0411\u04ae\u0422\u0426\u0418\u0419\u041d \u041e\u041b\u041e\u041d \u0423\u041b\u0421\u042b\u041d \u0410\u0420\u0411\u0418\u0422\u0420 \u0412\u0438\u0434\u0435\u043e \u041c\u044d\u0434\u044d\u044d\u043b\u044d\u043b<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1417","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/iacci.mn\/index.php?rest_route=\/wp\/v2\/posts\/1417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iacci.mn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iacci.mn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iacci.mn\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/iacci.mn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1417"}],"version-history":[{"count":8,"href":"https:\/\/iacci.mn\/index.php?rest_route=\/wp\/v2\/posts\/1417\/revisions"}],"predecessor-version":[{"id":1426,"href":"https:\/\/iacci.mn\/index.php?rest_route=\/wp\/v2\/posts\/1417\/revisions\/1426"}],"wp:attachment":[{"href":"https:\/\/iacci.mn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iacci.mn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iacci.mn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}