{"product_id":"test-3-video-in-row","title":"TEST 3 video in row","description":"\u003cstyle\u003e\n.video_layout {\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  gap: 20px;\n}\n\n.video_big {\n  grid-row: span 2;\n}\n\n.video_layout iframe {\n  width: 100%;\n  border: 0;\n  display: block;\n}\n\n@media (max-width: 480px) {\n  .video_layout {\n    grid-template-columns: 1fr;\n  }\n\n  .video_big {\n    grid-row: auto;\n  }\n}\n  .wrapper_a_plus {\n    display: flex;\n    flex-direction: column;\n    width: clamp(320px, 100%, 1680px);\n    margin: 0 auto;\n  }\n\n  .full-img__img {\n    width: 100%;\n  }\n\n  .half-img__img {\n    width: 95%;\n  }\n\n  .a_plus_block {\n    margin: 0 0 20px 0;\n  }\n\n  .half_screen {\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n  }\n\n  .half_picture {\n    display: flex;\n    justify-content: center;\n  }\n\n  @media screen and (max-width: 480px) {\n    .half_screen {\n      flex-direction: column;\n    }\n\n    .half-img__img {\n      width: 100%;\n    }\n\n    .half_picture {\n      margin: 0 0 10px 0;\n    }\n\n    .a_plus_block {\n      margin: 0px 0 10px 0;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"wrapper_a_plus\"\u003e\n\u003cdiv class=\"a_plus_block video_layout\"\u003e\n  \u003cdiv class=\"video_big\"\u003e\n    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/yjDfHv9a-Ys\" title=\"ONKRON video 1\" allowfullscreen\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"video_small\"\u003e\n    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/PEwyQ2kKWzk\" title=\"ONKRON video 2\" allowfullscreen\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"video_small\"\u003e\n    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/PEwyQ2kKWzk\" title=\"ONKRON video 3\" allowfullscreen\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"a_plus_block\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 480px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-header-mob.jpg\"\u003e \u003cimg alt=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-header-desk.jpg\" class=\"full-img__img\" height=\"\" title=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"a_plus_block\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 480px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block1-mob.jpg\"\u003e \u003cimg alt=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block1-desk.jpg?\" class=\"full-img__img\" height=\"\" title=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"a_plus_block\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 480px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block2-mob.jpg\"\u003e \u003cimg alt=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block2-desk.jpg\" class=\"full-img__img\" height=\"\" title=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"a_plus_block\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 480px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block3-mob.jpg\"\u003e \u003cimg alt=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block3-desk.jpg\" class=\"full-img__img\" height=\"\" title=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"a_plus_block\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 480px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block4-mob.jpg\"\u003e \u003cimg alt=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block4-desk.jpg\" class=\"full-img__img\" height=\"\" title=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"a_plus_block\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 480px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block5-mob.jpg\"\u003e \u003cimg alt=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block5-desk.jpg\" class=\"full-img__img\" height=\"\" title=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"a_plus_block\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 480px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block6-mob.jpg\"\u003e \u003cimg alt=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2223\/8189\/files\/g220b-block6-desk.jpg\" class=\"full-img__img\" height=\"\" title=\"Onkron, In-house manufacturing, Branch offices around the world, Mounting brackets sold, Innovative research and development center, Multi-stage quality control, Screen size 17\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  function resizeAplusVideos() {\n    const layout = document.querySelector('.video_layout');\n    if (!layout) return;\n\n    const bigIframe = layout.querySelector('.video_big iframe');\n    const smallIframes = layout.querySelectorAll('.video_small iframe');\n\n    if (!bigIframe || smallIframes.length \u003c 2) return;\n\n    const isMobile = window.matchMedia('(max-width: 480px)').matches;\n    const gap = parseFloat(getComputedStyle(layout).gap) || 20;\n\n    if (isMobile) {\n      layout.querySelectorAll('iframe').forEach((iframe) =\u003e {\n        const width = iframe.offsetWidth;\n        iframe.style.height = `${width * 9 \/ 16}px`;\n      });\n\n      return;\n    }\n\n    const smallWidth = smallIframes[0].offsetWidth;\n    const smallHeight = smallWidth * 9 \/ 16;\n\n    smallIframes.forEach((iframe) =\u003e {\n      iframe.style.height = `${smallHeight}px`;\n    });\n\n    bigIframe.style.height = `${smallHeight * 2 + gap}px`;\n  }\n\n  window.addEventListener('load', resizeAplusVideos);\n  window.addEventListener('resize', resizeAplusVideos);\n  setTimeout(resizeAplusVideos, 500);\n  setTimeout(resizeAplusVideos, 1500);\n\u003c\/script\u003e","brand":"ONKRON UK","offers":[{"title":"Default Title","offer_id":63868957000057,"sku":null,"price":0.0,"currency_code":"TRY","in_stock":false}],"url":"https:\/\/onkron.com.tr\/products\/test-3-video-in-row","provider":"ONKRON TR","version":"1.0","type":"link"}