From ad4013d5c3b0e67c453f10962a5b1e3c9b563b74 Mon Sep 17 00:00:00 2001
From: Chocobozzz <florian.bigard@gmail.com>
Date: Wed, 9 Nov 2016 23:03:17 +0100
Subject: Client: add button control in embed videojs to go to the watch page

---
 client/src/standalone/videos/embed.html | 35 +++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

(limited to 'client/src/standalone')

diff --git a/client/src/standalone/videos/embed.html b/client/src/standalone/videos/embed.html
index cb4ebf2d1..c154e9570 100644
--- a/client/src/standalone/videos/embed.html
+++ b/client/src/standalone/videos/embed.html
@@ -34,6 +34,19 @@
       .vjs-poster {
         background-size: 100% auto;
       }
+
+      .vjs-peertube-link {
+        color: white;
+        text-decoration: none;
+        font-size: 1.3em;
+        line-height: 2.20;
+        transition: all .4s;
+      }
+
+      .vjs-peertube-link:hover {
+        text-shadow: 0 0 1em #fff;
+      }
+
     </style>
   </head>
 
@@ -83,6 +96,28 @@
     videojs('video-container', { controls: true, autoplay: false }, function () {
       var player = this
 
+      var Button = videojs.getComponent('Button')
+      var peertubeLinkButton = videojs.extend(Button, {
+        constructor: function () {
+          Button.apply(this, arguments)
+        },
+
+        createEl: function () {
+          var link = document.createElement('a')
+          link.href = window.location.href.replace('embed', 'watch')
+          link.innerHTML = 'PeerTube'
+          link.title = 'Go to the video page'
+          link.className = 'vjs-peertube-link'
+
+          return link
+        }
+      })
+      videojs.registerComponent('PeerTubeLinkButton', peertubeLinkButton)
+
+      var controlBar = player.getChild('controlBar')
+      var addedLink = controlBar.addChild('PeerTubeLinkButton', {})
+      controlBar.el().insertBefore(addedLink.el(), controlBar.fullscreenToggle.el())
+
       player.dock({
         title: videoInfos.name
       })
-- 
cgit v1.2.3