+}
+Button.registerComponent('PeerTubeLinkButton', PeerTubeLinkButton)
+
+class WebTorrentButton extends Button {
+ createEl () {
+ const div = document.createElement('div')
+ const subDivWebtorrent = document.createElement('div')
+ div.appendChild(subDivWebtorrent)
+
+ const downloadIcon = document.createElement('span')
+ downloadIcon.classList.add('icon', 'icon-download')
+ subDivWebtorrent.appendChild(downloadIcon)
+
+ const downloadSpeedText = document.createElement('span')
+ downloadSpeedText.classList.add('download-speed-text')
+ const downloadSpeedNumber = document.createElement('span')
+ downloadSpeedNumber.classList.add('download-speed-number')
+ const downloadSpeedUnit = document.createElement('span')
+ downloadSpeedText.appendChild(downloadSpeedNumber)
+ downloadSpeedText.appendChild(downloadSpeedUnit)
+ subDivWebtorrent.appendChild(downloadSpeedText)
+
+ const uploadIcon = document.createElement('span')
+ uploadIcon.classList.add('icon', 'icon-upload')
+ subDivWebtorrent.appendChild(uploadIcon)
+
+ const uploadSpeedText = document.createElement('span')
+ uploadSpeedText.classList.add('upload-speed-text')
+ const uploadSpeedNumber = document.createElement('span')
+ uploadSpeedNumber.classList.add('upload-speed-number')
+ const uploadSpeedUnit = document.createElement('span')
+ uploadSpeedText.appendChild(uploadSpeedNumber)
+ uploadSpeedText.appendChild(uploadSpeedUnit)
+ subDivWebtorrent.appendChild(uploadSpeedText)
+
+ const peersText = document.createElement('span')
+ peersText.classList.add('peers-text')
+ const peersNumber = document.createElement('span')
+ peersNumber.classList.add('peers-number')
+ subDivWebtorrent.appendChild(peersNumber)
+ subDivWebtorrent.appendChild(peersText)
+
+ div.className = 'vjs-peertube'
+ // Hide the stats before we get the info
+ subDivWebtorrent.className = 'vjs-peertube-hidden'
+
+ const subDivHttp = document.createElement('div')
+ subDivHttp.className = 'vjs-peertube-hidden'
+ const subDivHttpText = document.createElement('span')
+ subDivHttpText.classList.add('peers-number')
+ subDivHttpText.textContent = 'HTTP'
+ const subDivFallbackText = document.createElement('span')
+ subDivFallbackText.classList.add('peers-text')
+ subDivFallbackText.textContent = ' fallback'
+
+ subDivHttp.appendChild(subDivHttpText)
+ subDivHttp.appendChild(subDivFallbackText)
+ div.appendChild(subDivHttp)
+
+ this.player_.peertube().on('torrentInfo', (event, data) => {
+ // We are in HTTP fallback
+ if (!data) {
+ subDivHttp.className = 'vjs-peertube-displayed'
+ subDivWebtorrent.className = 'vjs-peertube-hidden'
+
+ return
+ }