From 48f9d06ba3e5a4a9f72e685b6254332dbc405788 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs?= <heckyel@hyperbola.info>
Date: Mon, 5 Jul 2021 15:50:41 -0500
Subject: fix missing plyr on embed
---
youtube/templates/embed.html | 65 +++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 64 insertions(+), 1 deletion(-)
(limited to 'youtube/templates/embed.html')
diff --git a/youtube/templates/embed.html b/youtube/templates/embed.html
index 728791b..b473c81 100644
--- a/youtube/templates/embed.html
+++ b/youtube/templates/embed.html
@@ -6,6 +6,11 @@
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; media-src 'self' https://*.googlevideo.com; {{ "img-src 'self' https://*.googleusercontent.com https://*.ggpht.com https://*.ytimg.com;" if not settings.proxy_images else "" }}"/>
<title>{{ title }}</title>
<link href="/youtube.com/static/favicon.ico" type="image/x-icon" rel="icon"/>
+ {% if settings.use_video_player == 2 %}
+ <!-- plyr -->
+ <link href="/youtube.com/static/modules/plyr/plyr.css" rel="stylesheet"/>
+ <!--/ plyr -->
+ {% endif %}
<style>
body {
margin: 0rem;
@@ -15,10 +20,15 @@
width: 100%;
height: auto;
}
+ /* Prevent this div from blocking right-click menu for video
+ e.g. Firefox playback speed options */
+ .plyr__poster {
+ display: none !important;
+ }
</style>
</head>
<body>
- <video controls autofocus onmouseleave="{{ title }}"
+ <video id="js-video-player" controls autofocus onmouseleave="{{ title }}"
oncontextmenu="{{ title }}" onmouseenter="{{ title }}" title="{{ title }}">
{% for video_source in video_sources %}
<source src="{{ video_source['src'] }}" type="{{ video_source['type'] }}">
@@ -31,5 +41,58 @@
{% endif %}
{% endfor %}
</video>
+ {% if js_data %}
+ <script>
+ // @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-v3-or-Later
+ data = {{ js_data|tojson }};
+ // @license-end
+ </script>
+ {% endif %}
+ {% if settings.use_video_player == 2 %}
+ <!-- plyr -->
+ <script src="/youtube.com/static/modules/plyr/plyr.min.js"
+ integrity="sha512-l6ZzdXpfMHRfifqaR79wbYCEWjLDMI9DnROvb+oLkKq6d7MGroGpMbI7HFpicvmAH/2aQO+vJhewq8rhysrImw=="
+ crossorigin="anonymous"></script>
+ <script>
+ // @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later
+ let captionsActive;
+ switch(true) {
+ case data.settings.subtitles_mode == 2:
+ captionsActive = true;
+ break;
+ case data.settings.subtitles_mode == 1 && data.has_manual_captions:
+ captionsActive = true;
+ break;
+ default:
+ captionsActive = false;
+ }
+ const player = new Plyr(document.getElementById('js-video-player'), {
+ disableContextMenu: false,
+ captions: {
+ active: captionsActive,
+ language: data.settings.subtitles_language,
+ },
+ controls: [
+ 'play-large',
+ 'play',
+ 'progress',
+ 'current-time',
+ 'mute',
+ 'volume',
+ 'captions',
+ 'settings',
+ 'fullscreen'
+ ],
+ iconUrl: "/youtube.com/static/modules/plyr/plyr.svg",
+ blankVideo: "/youtube.com/static/modules/plyr/blank.webm",
+ debug: false,
+ storage: {enabled: false},
+ });
+ // @license-end
+ </script>
+ <!-- /plyr -->
+ {% elif settings.use_video_player == 1 %}
+ <script src="/youtube.com/static/js/hotkeys.js"></script>
+ {% endif %}
</body>
</html>
--
cgit v1.2.3