finally fixed video on readme

Author: bafgreat

README.md

@@ -1,26 +1,13 @@
 <!-- markdownlint-disable MD033 -->
 <div align="center">
 
-# mofstructure
 
-<video
-  autoplay
-  muted
-  loop
-  playsinline
-  width="600"
-  height="400"
-  preload="metadata"
-  poster="https://raw.githubusercontent.com/bafgreat/mofstructure/main/docs/source/images/DUT-8.png"
->
-  <source
-    src="https://raw.githubusercontent.com/bafgreat/mofstructure/main/docs/source/images/DUT-8.mp4"
-    type="video/mp4"
-  >
-</video>
+# mofstructure
 
 **A Python toolkit for topology, porosity, and building-unit analysis of MOFs**
 
+<img src="https://raw.githubusercontent.com/bafgreat/mofstructure/main/docs/source/images/DUT-8.gif" width="600">
+
 </div>
 <!-- markdownlint-enable MD033 -->
 

docs/source/images/DUT-8.gif

@@ -12,25 +12,9 @@ Introduction
 
 .. raw:: html
 
-   .. <video width="600" height="400" autoplay loop muted>
-   ..    <source src="_static/movie3.mp4" type="video/mp4">
-   ..    Your browser does not support the video tag.
-   .. </video>
-
-   <video
-   autoplay
-   muted
-   loop
-   playsinline
-   width="600"
-   height="400"
-   preload="metadata"
-   poster="https://raw.githubusercontent.com/bafgreat/mofstructure/main/docs/source/images/DUT-8.png"
-   >
-   <source
-      src="https://raw.githubusercontent.com/bafgreat/mofstructure/main/docs/source/images/DUT-8.mp4"
-      type="video/mp4"
-   >
+   <video width="600" height="400" autoplay loop muted>
+      <source src="_static/movie3.mp4" type="video/mp4">
+      Your browser does not support the video tag.
    </video>
 
 Key Features of `mofstructure`