Try updating video config

Author: KillzXGaming

bfres/MaterialAnim.html

@@ -828,7 +828,7 @@
 <li>Shader/Uniform param animations</li>
 <li>Texture SRT/scroll animation</li>
 </ul>
-<p><div class="video-container"><iframe src="vid/MaterialAnimPreview.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/MaterialAnimPreview.mp4" type="video/mp4"></source></video></div></p>
 <h2 id="creating-a-new-animation">Creating a new animation</h2>
 <p>Go to the tree. Right click on the animations folder and create your animation type you want.</p>
 <p><img alt="Screenshot" src="img/MaterialAnimationNew.png"></p>
@@ -847,7 +847,7 @@ <h3 id="texture-animations">Texture Animations</h3>
 <p>Then change the texture to what you want changed to during that frame.</p>
 <p><img alt="Screenshot" src="img/MaterialAnimationTextureEdit4.png"></p>
 <p>And that is all there is to texture animations!</p>
-<p><div class="video-container"><iframe src="vid/TextureAnim.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/TextureAnim.mp4" type="video/mp4"></source></video></div></p>
 <h3 id="shadertexturesrtcolor-animations">Shader/TextureSRT/Color Animations</h3>
 <p>These kinds are all created the same way.</p>
 <p>Click on the material you want to edit. You can either select your mesh and go to the material tab or select the material in the tree.</p>
@@ -864,7 +864,7 @@ <h3 id="shadertexturesrtcolor-animations">Shader/TextureSRT/Color Animations</h3
 <p>Set it to a spot you want to key an animation at.</p>
 <p><img alt="Screenshot" src="img/MaterialAnimationParamEdit5.png"></p>
 <p>Then edit your values.</p>
-<p><div class="video-container"><iframe src="vid/ShaderParamEdit.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/ShaderParamEdit.mp4" type="video/mp4"></source></video></div></p>
 <h4 id="color-animations">Color Animations</h4>
 <p><img alt="Screenshot" src="img/MaterialAnimationParamEdit6.png"></p>
 <p>You can use the color up top to edit these.</p>
@@ -883,10 +883,10 @@ <h4 id="texture-srt-animations">Texture SRT Animations</h4>
 <h2 id="duplicating">Duplicating</h2>
 <p>You can duplicate a material to transfer one animation to another material.</p>
 <p>Right click on the material then click <strong>Duplicate</strong>. Then rename the material to match another.</p>
-<p><div class="video-container"><iframe src="vid/AnimationMaterialDupe.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/AnimationMaterialDupe.mp4" type="video/mp4"></source></video></div></p>
 <h2 id="resizing">Resizing</h2>
 <p>You can change the total animation length to play slower or faster by resizing. Right click on the animation then click <strong>Resize</strong>.</p>
-<p><div class="video-container"><iframe src="vid/AnimationResize.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p></div>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/AnimationResize.mp4" type="video/mp4"></source></video></div></p></div>
 
 
 

bfres/SkeletalAnim.html

@@ -700,7 +700,7 @@
 
 <div><h1 id="skeletal-animation">Skeletal Animation</h1>
 <p>This kind of animation moves bones around for transforming model vertices.</p>
-<p><div class="video-container"><iframe src="vid/SkeletalAnimPreview.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/SkeletalAnimPreview.mp4" type="video/mp4"></source></video></div></p>
 <h2 id="creating-a-new-animation">Creating a new animation</h2>
 <p>Go to the tree. Right click on the animations folder and create your animation.</p>
 <p><img alt="Screenshot" src="img/SkeletalAnimationNew.png"></p>
@@ -718,7 +718,7 @@ <h2 id="creating-a-new-animation">Creating a new animation</h2>
 <p>Edit the values you want to animate. I will make the rotation 360 degrees on the Y axis so it spins.</p>
 <p><img alt="Screenshot" src="img/SkeletalAnimationEdit4.png"></p>
 <p>Preview</p>
-<p><div class="video-container"><iframe src="vid/SkeletalAnimPreview.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p></div>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/SkeletalAnimPreview.mp4" type="video/mp4"></source></video></div></p></div>
 
 
 

env/AreaLight.html

@@ -758,7 +758,7 @@
 <p><img alt="Screenshot" src="img/AreaDisplay.png"></p>
 <p>Lighting for maps are divided into areas. The dropdown for areas will display in color what material use what. </p>
 <h2 id="sun">Sun</h2>
-<p><div class="video-container"><iframe src="vid/DirectionalLight.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/DirectionalLight.mp4" type="video/mp4"></source></video></div></p>
 <p>The sun controls the color/direction and amount of light in the whole scene.
 Nightime maps use around 0.4 for amount while day time may use over 2.0.
 The direction will affect shadows. </p>
@@ -775,7 +775,7 @@ <h2 id="fog">Fog</h2>
 <p><img alt="Screenshot" src="img/Fog.png"></p>
 <p>Fog can also be used for water areas. If the start area is negative, it is behind the camera. The smaller the value, the more dense it will be.</p>
 <h2 id="example-editing">Example editing</h2>
-<p><div class="video-container"><iframe src="vid/MakingMapDaytime.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/MakingMapDaytime.mp4" type="video/mp4"></source></video></div></p>
 <p>This video shows the process of making a map day time by adjusting the light amount and skybox.</p>
 <h2 id="what-determines-the-areas-on-materials-advanced">What determines the areas on materials (advanced)</h2>
 <ul>

map/IntroCameraEditor.html

@@ -706,7 +706,7 @@ <h2 id="editing">Editing</h2>
 <p>Then in the tools window click <strong>Add Canera</strong></p>
 <p><img alt="Screenshot" src="img/IntroCameraEditor2.png"></p>
 <p>Simply move the camera to your desired spot then add/update/remove points.</p>
-<p><div class="video-container"><iframe src="vid/IntroCameraEditor.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/IntroCameraEditor.mp4" type="video/mp4"></source></video></div></p>
 <p>Once you add 3 cameras then it is finished! The tool will configure the camera settings automatically.</p></div>
 
 

map/MapObject.html

@@ -817,9 +817,9 @@ <h3 id="menubar">Menubar</h3>
 <p>If you have the <strong>Drop Objects to Collision</strong> option toggled up top, this will spawn it above the nearest collision.</p>
 <h3 id="asset-window">Asset Window</h3>
 <p>You can also use the asset viewer to drag and drop objects.</p>
-<p><div class="video-container"><iframe src="vid/AssetWindow.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/AssetWindow.mp4" type="video/mp4"></source></video></div></p>
 <p>Skyboxes can also be easily changed. </p>
-<p><div class="video-container"><iframe src="vid/AssetWindowVR.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
+<p><div class="video-container"><video style="position:relative;width:100%;height:22.172vw" muted controls alt="type:video"><source src="vid/AssetWindowVR.mp4" type="video/mp4"></source></video></div></p>
 <p>If you use a specific object alot, you can save it as a favorite.</p>
 <p><img alt="Screenshot" src="img/AssetWindowFavorites.png"></p>
 <h2 id="properties">Properties</h2>