src/DcSiteBundle/Resources/views/Modules/vehicle/video-block.html.twig line 1

Open in your IDE?
  1. <h2 class="car_video_title">{{ 'vehicles.video'|trans({}, 'dc_base') }} {{ brand }} {{ model }}</h2>
  2. {# <iframe class="car_video_iframe" src="{{ videoPath }}" title="{{ brand }} {{ model }}" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> #}
  3. {#<iframe class="car_video_iframe" width="1182" height="665" src="https://www.youtube.com/embed/sK3h6IPd_Y8?list=RDsK3h6IPd_Y8" title="РАЇСА КИРИЧЕНКО - Я КОЗАЧКА ТВОЯ (OISHO BTZ RMX)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>#}
  5. <iframe id="car_video_iframe"
  6.     class="car_video_iframe"
  7.     data-video="{{ videoPath|e('html_attr') }}"
  8.     title="{{ brand }} {{ model }}"
  9.     frameborder="0"
  10.     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  11.     referrerpolicy="strict-origin-when-cross-origin"
  12.     allowfullscreen>
  13. </iframe>
  15. <script>
  16.   document.addEventListener("DOMContentLoaded", function () {
  17.     const iframe = document.getElementById("car_video_iframe");
  18.     const originalUrl = iframe.getAttribute("data-video");
  20.     if (!originalUrl.includes("youtube.com")) return;
  22.     try {
  23.       const url = new URL(originalUrl);
  24.       const videoId = url.searchParams.get("v");
  25.       const listId = url.searchParams.get("list");
  27.       if (videoId) {
  28.         let embedUrl = `https://www.youtube.com/embed/${videoId}`;
  29.         if (listId) {
  30.           embedUrl += `?list=${listId}`;
  31.         }
  32.         iframe.src = embedUrl;
  33.       } else {
  34.         console.warn("Video ID not found in URL:", originalUrl);
  35.       }
  36.     } catch (error) {
  37.       console.error("Invalid YouTube URL:", originalUrl);
  38.     }
  39.   });
  40. </script>