From 45bb74eb430eb6734c29ce8a9bb86238578bf07f Mon Sep 17 00:00:00 2001
From: Fares Abawi <f.abawi@outlook.com>
Date: Mon, 25 Dec 2023 18:50:37 +0100
Subject: [PATCH] Added video button to bib entries (#2008)

When the video entry is added to bib:

e.g.,

```
{
...
video={https://www.youtube.com/embed/jNQXAC9IVRw}
...
}
```
A dedicated button appears for videos. When clicked, a playable video
appears under the research article (like abstracts and bibtex)
---
 _config.yml       |  2 +-
 _layouts/bib.html | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/_config.yml b/_config.yml
index 907d741..522e1c9 100644
--- a/_config.yml
+++ b/_config.yml
@@ -302,7 +302,7 @@ enable_publication_badges:
   dimensions: true # Dimensions badge (https://badge.dimensions.ai/)
 
 # Filter out certain bibtex entry keywords used internally from the bib output
-filtered_bibtex_keywords: [abbr, abstract, arxiv, bibtex_show, html, pdf, selected, supp, blog, code, poster, slides, website, preview, altmetric]
+filtered_bibtex_keywords: [abbr, abstract, arxiv, bibtex_show, html, pdf, selected, supp, blog, code, poster, video, slides, website, preview, altmetric]
 
 # Maximum number of authors to be shown for each publication (more authors are visible on click)
 max_author_limit: 3  # leave blank to always show all authors
diff --git a/_layouts/bib.html b/_layouts/bib.html
index 2ffd285..2537fb9 100644
--- a/_layouts/bib.html
+++ b/_layouts/bib.html
@@ -164,6 +164,9 @@
             <a href="{{ entry.supp | prepend: '/assets/pdf/' | relative_url }}" class="btn btn-sm z-depth-0" role="button">Supp</a>
             {%- endif %}
           {%- endif %}
+          {%- if entry.video %}
+            <a class="abstract btn btn-sm z-depth-0" role="button">Video</a>
+          {%- endif %}
           {%- if entry.blog %}
             <a href="{{ entry.blog }}" class="btn btn-sm z-depth-0" role="button">Blog</a>
           {%- endif %}
@@ -236,5 +239,13 @@
             {% highlight bibtex %}{{ entry.bibtex | hideCustomBibtex }}{% endhighlight %}
           </div>
           {%- endif %}
+
+          {% if entry.video -%}
+          <!-- Hidden video block -->
+          <div class="abstract hidden">
+            <div style="text-align: center;">{% include video.html path=entry.video class="img-fluid rounded z-depth-1" controls=true %}</div>
+          </div>
+          {%- endif -%}
+
         </div>
       </div>