Update templates/videos.html

templates/videos.html

@@ -114,10 +114,21 @@
                <div style="display: flex; align-items: center; margin-bottom: 10px; width: 100%;">
                 <!--<img src="{{ abrir }}" alt="Imagen" style="max-width: 40px; max-height: 40px; margin-right: 10px;">-->
                 
-                 <input type="button" value="" style="background-color: white; font-size: 2.5rem; width: 60px; height: 60px; margin-right: 10px; padding-left: 50px; background-image: url('{{ abrir }}'); background-repeat: no-repeat; background-size: 40px 40px; background-position: center;" onclick="location.href='{{ url }}'">
-                <strong style="font-size: 2rem; font-family: Arial, Helvetica, sans-serif;">{{ titulo2 }}</strong>
+                 <!--<input type="button" value="" style="background-color: white; font-size: 2.5rem; width: 60px; height: 60px; margin-right: 10px; padding-left: 50px; background-image: url('{{ abrir }}'); background-repeat: no-repeat; background-size: 40px 40px; background-position: center;" onclick="location.href='{{ url }}'">-->
                  <!--<strong style="font-size: 2.5rem; font-family: Arial, Helvetica, sans-serif;">{{ titulo }}</strong>-->
-              
+<input type="button" 
+       value="" 
+       style="background-color: white; font-size: 2.5rem; width: 60px; height: 60px; margin-right: 10px; padding-left: 50px; background-image: url('{{ abrir }}'); background-repeat: no-repeat; background-size: 40px 40px; background-position: center;" 
+       onclick="openInNewTab('{{ url }}')">
+
+<!-- Script para abrir enlace en nueva pestaña -->
+<script>
+    function openInNewTab(url) {
+        window.open(url, '_blank');
+    }
+</script>
+                <strong style="font-size: 2rem; font-family: Arial, Helvetica, sans-serif;" target="_blank">{{ titulo2 }} </strong>
+                 
                </div>
 
               <!--<input type="button" value="" style="background-color: white; font-size: 2.5rem; margin-bottom: 10px; padding-left: 50px; background-image: url('{{ abrir }}'); background-repeat: no-repeat; background-size: 40px 40px;background-position: center;" onclick="location.href='{{ url }}'">-->