From 2a611c6e1d9955aaa1077762f0011fbc2ae10272 Mon Sep 17 00:00:00 2001
From: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Date: Tue, 12 May 2020 15:13:44 +0200
Subject: [PATCH] Bug 20783: Similar changes for OPAC

Signed-off-by: Kelly McElligott <kelly@bywatersolutions.com>
Signed-off-by: Jessica Zairo <jzairo@bywatersolutions.com>
Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>

Signed-off-by: Hayley Mapley <hayleymapley@catalyst.net.nz>

(cherry picked from commit cd52f4439ba31ccd2af71541678100cb98ab5f36)
Signed-off-by: Victor Grousset/tuxayo <victor@tuxayo.net>
---
 .../bootstrap/en/modules/opac-detail.tt         | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt
index 9bea171ce0..71e68131b1 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt
@@ -609,7 +609,7 @@
                             <li id="tab_images"><a href="#images">Images</a></li>
                         [% END %]
 
-                        [% IF ( HTML5MediaEnabled && HTML5MediaSets ) %]
+                        [% IF HTML5MediaEnabled && HTML5MediaSets.size %]
                             [% IF ( defaulttab == 'media' ) %]<li id="tab_html5media" class="ui-tabs-active">[% ELSE %]<li id="tab_html5media">[% END %]<a href="#html5media">Play media</a></li>
                         [% END %]
 
@@ -1016,11 +1016,16 @@
                             <div id="html5media">
                               [% FOREACH HTML5MediaSet IN HTML5MediaSets %]
                                 <p>
-                                  [% SET ctrl_preload = ' controls preload=none' #translatability %]
-                                  <[% HTML5MediaParent _ ctrl_preload | html %] >
-                                    <[% HTML5MediaSet.child | html %] src="[% HTML5MediaSet.srcblock | html %]" [% HTML5MediaSet.typeblock | html %] />
-                                    <span>[[% HTML5MediaParent | html %] tag not supported by your browser.]</span>
-                                  </[% HTML5MediaParent | html %]>
+                                    [% IF HTML5MediaSet.is_youtube %]
+                                        <iframe id="player" type="text/html" width="640" height="360"
+                                            src="[% HTML5MediaSet.srcblock %]" frameborder="0"></iframe>
+                                    [% ELSE %]
+                                        [% SET ctrl_preload = ' controls preload=none' #translatability %]
+                                        <[% HTML5MediaParent _ ctrl_preload | html %] >
+                                          <[% HTML5MediaSet.child | html %] src="[% HTML5MediaSet.srcblock | html %]" [% HTML5MediaSet.typeblock | html %] />
+                                          <span>[[% HTML5MediaParent | html %] tag not supported by your browser.]</span>
+                                        </[% HTML5MediaParent | html %]>
+                                    [% END %]
                                 </p>
                               [% END %]
                             </div>
-- 
2.39.5