From 4d2a962e8a65eaf177fc8022113040e22d1ed053 Mon Sep 17 00:00:00 2001
From: Greg Gauthier <gmgauthier@protonmail.com>
Date: Sat, 27 Nov 2021 16:25:19 +0000
Subject: [PATCH] cleanup shortcode html

---
 content/post/testing-new-shortcodes.md | 6 ++++++
 layouts/shortcodes/anchorfm.html       | 2 +-
 layouts/shortcodes/audio.html          | 4 ++--
 layouts/shortcodes/bitchute.html       | 9 ++++++---
 layouts/shortcodes/odysee.html         | 4 ++--
 layouts/shortcodes/video.html          | 8 ++++++++
 layouts/shortcodes/youtube.html        | 3 ++-
 7 files changed, 27 insertions(+), 9 deletions(-)
 create mode 100644 layouts/shortcodes/video.html

diff --git a/content/post/testing-new-shortcodes.md b/content/post/testing-new-shortcodes.md
index af74f5a..b2a5c9c 100644
--- a/content/post/testing-new-shortcodes.md
+++ b/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 */>}}
diff --git a/layouts/shortcodes/anchorfm.html b/layouts/shortcodes/anchorfm.html
index 47d45d3..d952c54 100644
--- a/layouts/shortcodes/anchorfm.html
+++ b/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>
\ No newline at end of file
diff --git a/layouts/shortcodes/audio.html b/layouts/shortcodes/audio.html
index 4c6aacf..bbc9962 100644
--- a/layouts/shortcodes/audio.html
+++ b/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>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/layouts/shortcodes/bitchute.html b/layouts/shortcodes/bitchute.html
index 353b287..2ec4f61 100644
--- a/layouts/shortcodes/bitchute.html
+++ b/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>
\ No newline at end of file
+    </div>
+</div>
\ No newline at end of file
diff --git a/layouts/shortcodes/odysee.html b/layouts/shortcodes/odysee.html
index 89b5757..e68d53b 100644
--- a/layouts/shortcodes/odysee.html
+++ b/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>
\ No newline at end of file
diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html
new file mode 100644
index 0000000..5ca1d6d
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/layouts/shortcodes/youtube.html b/layouts/shortcodes/youtube.html
index f37ed07..b315d9b 100644
--- a/layouts/shortcodes/youtube.html
+++ b/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>
\ No newline at end of file