File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -144,6 +144,41 @@ <h4 class="subtitle has-text-centered">
144144 </div>
145145 </section> -->
146146
147+ < hr />
148+ <!DOCTYPE html>
149+ < html lang ="en ">
150+ < head >
151+ < meta charset ="UTF-8 ">
152+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
153+ < title > Centered Responsive YouTube Video Embed</ title >
154+ < style >
155+ .video-container {
156+ display : flex;
157+ justify-content : center;
158+ align-items : center;
159+ width : 100% ;
160+ }
161+ .video-container iframe {
162+ width : 100% ;
163+ max-width : 720px ; /* Optional: Set a max-width if you want */
164+ height : auto;
165+ aspect-ratio : 16 / 9 ;
166+ }
167+ </ style >
168+ </ head >
169+ < body >
170+ < div class ="video-container ">
171+ < iframe src ="https://www.youtube.com/embed/3RFDiwW5F0A "
172+ title ="YouTube video player "
173+ frameborder ="0 "
174+ allow ="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share "
175+ referrerpolicy ="strict-origin-when-cross-origin "
176+ allowfullscreen >
177+ </ iframe >
178+ </ div >
179+ </ body >
180+ </ html >
181+
147182 <!-- Abstract -->
148183 < section class ="section hero is-light ">
149184 < div class ="container is-max-desktop ">
You can’t perform that action at this time.
0 commit comments