cleanup shortcode html

content/post/testing-new-shortcodes.md

@@ -61,6 +61,12 @@ An image using the built-in "figure" shortcode:
 
 {{< figure src="/img/allan-bloom.jpg" caption="Allan Bloom" width="650px" >}}
 
+Here's a vanilla video player:
+
+{{</* video "https:\/\/cloud.gmgauthier.com\/index.php\/s\/B5sPam2QnofAFnf\/download\/Peterson_Murphy_Alienation.mp4" */>}}
+
+{{< video "https://cloud.gmgauthier.com/index.php/s/B5sPam2QnofAFnf/download/Peterson_Murphy_Alienation.mp4" >}}
+
 Here's youtube video:
 
 {{</* youtube Y9tVfnPHbcQ */>}}

layouts/shortcodes/anchorfm.html

@@ -1,4 +1,4 @@
 <div style="text-align: center;">
     <iframe src="https://anchor.fm/{{ index .Params 0 }}/embed/episodes/{{ index .Params 1 }}"
-            height="95px" width="425px" frameborder="0" scrolling="no"></iframe>
+            height="95px" width="425px" style="border-width: 0"></iframe>
 </div>

layouts/shortcodes/audio.html

@@ -1,5 +1,5 @@
-<div><center>
+<div style="text-align: center;">
     <audio controls>
         <source src="{{ index .Params 0 }}" type="audio/mpeg">
     </audio>
-</center><div>
+</div>

layouts/shortcodes/bitchute.html

@@ -1,4 +1,7 @@
-<center><div>
-    <iframe type="text/html" width="640" height="360" src="https://www.bitchute.com/embed/{{ index .Params 0 }}/" allowfullscreen style="border: none;" scrolling="no" frameborder="0">
+<div style="text-align: center;"><div>
+    <iframe type="text/html" width="640" height="360" style="border-width: 0"
+            src="https://www.bitchute.com/embed/{{ index .Params 0 }}/"
+            allowfullscreen>
     </iframe>
-    </div></center>
+    </div>
+</div>

layouts/shortcodes/odysee.html

@@ -1,4 +1,4 @@
 <div style="text-align: center;"><div class="embed odysee-player">
-    <iframe class="lbry-iframe" type="text/html" width="640" height="385"
-            src="https://odysee.com/$/embed/{{ index .Params 0 }}" allowfullscreen frameborder="0"></iframe>
+    <iframe class="lbry-iframe" type="text/html" width="640" height="385" style="border-width: 0"
+            src="https://odysee.com/$/embed/{{ index .Params 0 }}" allowfullscreen></iframe>
 </div></div>

layouts/shortcodes/video.html

@@ -0,0 +1,8 @@
+<div style="text-align: center;">
+    <figure>
+        <video controls src="{{ index .Params 0 }}" type="video/mpeg" width="640px" height="385px"
+               style="border-width: 0">
+            <figcaption>{{index .Params 1}}</figcaption>
+        </video>
+    </figure>
+</div>

layouts/shortcodes/youtube.html

@@ -1,5 +1,6 @@
 <div style="text-align: center;"><div class="embed video-player">
-    <iframe class="youtube-player" type="text/html" width="640" height="385" src="https://www.youtube.com/embed/{{ index .Params 0 }}" allowfullscreen frameborder="0">
+    <iframe class="youtube-player" type="text/html" width="640" height="385" style="border-width: 0"
+            src="https://www.youtube.com/embed/{{ index .Params 0 }}" allowfullscreen>
     </iframe>
     </div>
 </div>