Fix video on mobile

This commit is contained in:
Grayson Riffe 2024-11-11 12:32:39 -06:00
parent c7b9395906
commit 205ee47fc9
2 changed files with 7 additions and 1 deletions

View File

@ -45,7 +45,7 @@
<p> <p>
Nothin' Fancy (or NF) is a 3D game engine / visualizer for Windows built with CMake and MSVC. I ultimately want to use my engine to create a game I can release on Steam for free. Nothin' Fancy (or NF) is a 3D game engine / visualizer for Windows built with CMake and MSVC. I ultimately want to use my engine to create a game I can release on Steam for free.
</p> </p>
<iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/dBOrF2czhnI?si=A9Tyv7lFsb-Y59T4&amp;start=20&amp;mute=1&amp;playlist=dBOrF2czhnI&amp;loop=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen autoplay muted></iframe> <iframe class="video" src="https://www.youtube.com/embed/dBOrF2czhnI?si=A9Tyv7lFsb-Y59T4&amp;start=20&amp;mute=1&amp;playlist=dBOrF2czhnI&amp;loop=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen autoplay muted></iframe>
<p> <p>
The first revision was developed in 2021 as an experimental learning project. It has a number of cool features including a custom asset pack system complete with model cooking, an easy way to create a UI, material texture support including normal maps, and even a physics engine, but it is still missing a number of important features. The first revision was developed in 2021 as an experimental learning project. It has a number of cool features including a custom asset pack system complete with model cooking, an easy way to create a UI, material texture support including normal maps, and even a physics engine, but it is still missing a number of important features.

View File

@ -194,6 +194,8 @@ p {
iframe.video { iframe.video {
display: block; display: block;
width: 40%;
aspect-ratio: 16 / 9;
margin: auto; margin: auto;
margin-top: 1em; margin-top: 1em;
@ -263,4 +265,8 @@ footer {
width: 70%; width: 70%;
margin: 0 auto; margin: 0 auto;
} }
iframe.video {
width: 90%;
}
} }