Adding <video> to web page Need Help, Adding video to web page shows only controls, no video Options

[Gordonsh]

CODE

              <!---THIS SECTION BELOW IS NOT WORKING PLEASE HELP---->
            
            <p class="style12"><span class="style1"><span class="style1">Tennis Ball Roll August 29, 2021 10:34 AM<br><video controls preload="auto"  source src="http://www.magnoliarotary.org/2021-08-29-10-34-24.mp4" poster="http://www.magnoliarotary.org/videos/10 34 AM.jpg" width="500" controls></video></p>


            <video controls width="500" preload="auto"> <source src="http://www.magnoliarotary.org/2021-08-29-10-34-24.mp4" type="video/mp4">
   <div style="border: 1px solid black; padding: 8px;">
Sorry, your browser does not support the <video> tag used in this demo. </div> </video>

<p class="style12"><span class="style1"><span class="style1">Tennis Ball Roll August 29, 2021 10:34 AM

<video controls width="500" preload="auto">
  <source src="http://www.magnoliarotary.org/2021-08-29-10-38-30.mp4" type="video/mp4">
  <source src="http://www.magnoliarotary.org/2021-08-29-10-38-30.ogg" type="video/ogg">
Your browser does not support the video tag.
</video></p>

            <!--------END OF SECTION NOT WORKING ------>

When viewing in Edge or FireFox the controls are the only thing that appears. No video appears
Please help,
Thank you,
Gordon