{"id":3860,"date":"2026-09-02T16:11:24","date_gmt":"2026-09-02T13:11:24","guid":{"rendered":"https:\/\/genel.istanbulsitetasarim.com.tr\/?page_id=3860"},"modified":"2026-09-04T20:36:22","modified_gmt":"2026-09-04T17:36:22","slug":"tanitim-videolar","status":"publish","type":"page","link":"https:\/\/bcuni.eu\/tr\/tanitim-videolar\/","title":{"rendered":"Tan\u0131t\u0131m Videolar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3860\" class=\"elementor elementor-3860\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f79a8f e-con e-atomic-element e-flexbox-base e-8e3146c \" data-id=\"1f79a8f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1f79a8f\">\n    \t\t<div class=\"elementor-element elementor-element-95ab20b elementor-widget elementor-widget-html\" data-id=\"95ab20b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BCU YOUTUBE V\u0130DEO GALER\u0130S\u0130 \u2014 ELEMENTOR HTML B\u0130LE\u015eEN\u0130NE TEK PAR\u00c7A YAPI\u015eTIRIN -->\n<section class=\"bcu-video-gallery\" aria-label=\"Video Gallery\">\n\n  <div class=\"bcu-video\" role=\"button\" tabindex=\"0\" data-video-id=\"zHWNOWGB2rM\" aria-label=\"Play video 1\">\n    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/zHWNOWGB2rM\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\">\n    <span class=\"bcu-video__shade\"><\/span>\n    <span class=\"bcu-video__play\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"m9 7 8 5-8 5V7Z\"\/><\/svg>\n    <\/span>\n  <\/div>\n\n  <div class=\"bcu-video\" role=\"button\" tabindex=\"0\" data-video-id=\"4V1K2vj7pN0\" aria-label=\"Play video 2\">\n    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/4V1K2vj7pN0\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\">\n    <span class=\"bcu-video__shade\"><\/span>\n    <span class=\"bcu-video__play\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"m9 7 8 5-8 5V7Z\"\/><\/svg>\n    <\/span>\n  <\/div>\n\n  <div class=\"bcu-video\" role=\"button\" tabindex=\"0\" data-video-id=\"07j-Sy_Oji8\" aria-label=\"Play video 3\">\n    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/07j-Sy_Oji8\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\">\n    <span class=\"bcu-video__shade\"><\/span>\n    <span class=\"bcu-video__play\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"m9 7 8 5-8 5V7Z\"\/><\/svg>\n    <\/span>\n  <\/div>\n\n  <div class=\"bcu-video\" role=\"button\" tabindex=\"0\" data-video-id=\"KM5DdBXYCME\" aria-label=\"Play video 4\">\n    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/KM5DdBXYCME\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\">\n    <span class=\"bcu-video__shade\"><\/span>\n    <span class=\"bcu-video__play\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"m9 7 8 5-8 5V7Z\"\/><\/svg>\n    <\/span>\n  <\/div>\n\n  <div class=\"bcu-video\" role=\"button\" tabindex=\"0\" data-video-id=\"nqBBNvrhe7Y\" aria-label=\"Play video 5\">\n    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/nqBBNvrhe7Y\/maxresdefault.jpg\" alt=\"\" loading=\"lazy\">\n    <span class=\"bcu-video__shade\"><\/span>\n    <span class=\"bcu-video__play\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"m9 7 8 5-8 5V7Z\"\/><\/svg>\n    <\/span>\n  <\/div>\n\n<\/section>\n\n<style>\n.bcu-video-gallery {\n  --bcu-blue: #253d80;\n  --bcu-coral: #ff5e63;\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 20px;\n}\n\n.bcu-video-gallery *,\n.bcu-video-gallery *::before,\n.bcu-video-gallery *::after {\n  box-sizing: border-box;\n}\n\n.bcu-video {\n  position: relative;\n  flex: 0 0 calc((100% - 40px) \/ 3);\n  min-width: 0;\n  aspect-ratio: 16 \/ 9;\n  display: block;\n  padding: 0;\n  overflow: hidden;\n  border: 1px solid #e5e8ef;\n  border-radius: 15px;\n  background: #edf0f6;\n  box-shadow: 0 8px 26px rgba(23, 41, 95, .09);\n  cursor: pointer;\n  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;\n}\n\n.bcu-video:hover {\n  border-color: rgba(255, 94, 99, .4);\n  box-shadow: 0 15px 34px rgba(23, 41, 95, .15);\n  transform: translateY(-4px);\n}\n\n.bcu-video > img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  transition: transform .4s ease;\n}\n\n.bcu-video:hover > img { transform: scale(1.035); }\n\n.bcu-video__shade {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 45%, rgba(14, 28, 69, .25));\n  pointer-events: none;\n}\n\n.bcu-video__play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 58px;\n  height: 58px;\n  display: grid;\n  place-items: center;\n  border: 5px solid rgba(255, 255, 255, .45);\n  border-radius: 50%;\n  color: #fff;\n  background: var(--bcu-coral);\n  box-shadow: 0 8px 22px rgba(0, 0, 0, .22);\n  transform: translate(-50%, -50%);\n  transition: transform .22s ease, background-color .22s ease;\n  pointer-events: none;\n}\n\n.bcu-video:hover .bcu-video__play {\n  background: var(--bcu-blue);\n  transform: translate(-50%, -50%) scale(1.08);\n}\n\n.bcu-video__play svg {\n  width: 27px;\n  height: 27px;\n  fill: currentColor;\n  stroke: none;\n}\n\n.bcu-video iframe {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n.bcu-video:focus-visible {\n  outline: 3px solid rgba(255, 94, 99, .48);\n  outline-offset: 3px;\n}\n\n@media (max-width: 900px) {\n  .bcu-video { flex-basis: calc((100% - 16px) \/ 2); }\n  .bcu-video-gallery { gap: 16px; }\n}\n\n@media (max-width: 600px) {\n  .bcu-video-gallery { gap: 13px; }\n  .bcu-video { flex-basis: 100%; border-radius: 12px; }\n  .bcu-video__play { width: 52px; height: 52px; }\n  .bcu-video__play svg { width: 24px; height: 24px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bcu-video,\n  .bcu-video > img,\n  .bcu-video__play { transition: none; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".bcu-video\").forEach(function (video) {\n    function playVideo() {\n      if (video.querySelector(\"iframe\")) return;\n\n      const videoId = video.getAttribute(\"data-video-id\");\n      const iframe = document.createElement(\"iframe\");\n\n      iframe.src = \"https:\/\/www.youtube-nocookie.com\/embed\/\" + videoId + \"?autoplay=1&rel=0\";\n      iframe.title = \"YouTube video player\";\n      iframe.allow = \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\";\n      iframe.allowFullscreen = true;\n\n      video.innerHTML = \"\";\n      video.appendChild(iframe);\n      video.style.cursor = \"default\";\n      video.removeAttribute(\"role\");\n      video.removeAttribute(\"tabindex\");\n    }\n\n    video.addEventListener(\"click\", playVideo);\n    video.addEventListener(\"keydown\", function (event) {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        playVideo();\n      }\n    });\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3860","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bcuni.eu\/tr\/wp-json\/wp\/v2\/pages\/3860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bcuni.eu\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bcuni.eu\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bcuni.eu\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bcuni.eu\/tr\/wp-json\/wp\/v2\/comments?post=3860"}],"version-history":[{"count":6,"href":"https:\/\/bcuni.eu\/tr\/wp-json\/wp\/v2\/pages\/3860\/revisions"}],"predecessor-version":[{"id":8099,"href":"https:\/\/bcuni.eu\/tr\/wp-json\/wp\/v2\/pages\/3860\/revisions\/8099"}],"wp:attachment":[{"href":"https:\/\/bcuni.eu\/tr\/wp-json\/wp\/v2\/media?parent=3860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}