/* File: css_frrs/gallery.css - a Cascading Style Sheet for web pages in the gallery

2026-06-30 06:31 Paul Finnegan - new

*/

/*  Items used for embedded YouTube videos */

/* This code is included in the <head> section */
/* <link rel="stylesheet" href="/css_frrs/gallery.css" type="text/css"> */

        /* Container controls the 80% width and centers the video */
        .video-container {
            width: 80%;
            margin: 0 auto; /* Centers the video horizontally */
            aspect-ratio: 16 / 9; /* Maintains video proportions perfectly */
            background-color: #000; /* Black background while loading */
        }

        /* Iframe fills the container completely */
        .video-container iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

/* This code is included in the <ibody > section
    <!-- BEGIN Video Wrapper -->
    <div class="video-container">
        <!-- Replace VIDEO_ID with your actual YouTube video ID -->
        <!-- BEGIN FILTER ALLOW JTIDY IFRAME-->
        <iframe 
            src="https://youtube.com/embed/TBD?rel=0" 
            title="YouTube video player" 
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; allowfullscreen"
        >
        </iframe>
    <!-- END FILTER JTIDY IFRAME -->
    </div>
    <!-- END Video Wrapper -->
*/
