OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix player control bar when video is not loaded

pull/159/head
Chocobozzz 2017-12-05 18:43:15 +01:00
parent f3aaa9a95c
commit a06a31c75c
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/assets/player/peertube-videojs-plugin.ts
View File

@ -117,10 +117,12 @@ const WebTorrentButton = videojsUntyped.extend(Button, {
createEl: function () { createEl: function () {
const div = document.createElement('div') const div = document.createElement('div')
const subDiv = document.createElement('div')
div.appendChild(subDiv)
const downloadIcon = document.createElement('span') const downloadIcon = document.createElement('span')
downloadIcon.classList.add('icon', 'icon-download') downloadIcon.classList.add('icon', 'icon-download')
div.appendChild(downloadIcon) subDiv.appendChild(downloadIcon)
const downloadSpeedText = document.createElement('span') const downloadSpeedText = document.createElement('span')
downloadSpeedText.classList.add('download-speed-text') downloadSpeedText.classList.add('download-speed-text')
@ -129,11 +131,11 @@ const WebTorrentButton = videojsUntyped.extend(Button, {
const downloadSpeedUnit = document.createElement('span') const downloadSpeedUnit = document.createElement('span')
downloadSpeedText.appendChild(downloadSpeedNumber) downloadSpeedText.appendChild(downloadSpeedNumber)
downloadSpeedText.appendChild(downloadSpeedUnit) downloadSpeedText.appendChild(downloadSpeedUnit)
div.appendChild(downloadSpeedText) subDiv.appendChild(downloadSpeedText)
const uploadIcon = document.createElement('span') const uploadIcon = document.createElement('span')
uploadIcon.classList.add('icon', 'icon-upload') uploadIcon.classList.add('icon', 'icon-upload')
div.appendChild(uploadIcon) subDiv.appendChild(uploadIcon)
const uploadSpeedText = document.createElement('span') const uploadSpeedText = document.createElement('span')
uploadSpeedText.classList.add('upload-speed-text') uploadSpeedText.classList.add('upload-speed-text')
@ -142,19 +144,19 @@ const WebTorrentButton = videojsUntyped.extend(Button, {
const uploadSpeedUnit = document.createElement('span') const uploadSpeedUnit = document.createElement('span')
uploadSpeedText.appendChild(uploadSpeedNumber) uploadSpeedText.appendChild(uploadSpeedNumber)
uploadSpeedText.appendChild(uploadSpeedUnit) uploadSpeedText.appendChild(uploadSpeedUnit)
div.appendChild(uploadSpeedText) subDiv.appendChild(uploadSpeedText)
const peersText = document.createElement('span') const peersText = document.createElement('span')
peersText.textContent = ' peers' peersText.textContent = ' peers'
peersText.classList.add('peers-text') peersText.classList.add('peers-text')
const peersNumber = document.createElement('span') const peersNumber = document.createElement('span')
peersNumber.classList.add('peers-number') peersNumber.classList.add('peers-number')
div.appendChild(peersNumber) subDiv.appendChild(peersNumber)
div.appendChild(peersText) subDiv.appendChild(peersText)
div.className = 'vjs-webtorrent' div.className = 'vjs-webtorrent'
// Hide the stats before we get the info // Hide the stats before we get the info
div.style.display = 'none' subDiv.style.display = 'none'
this.player_.on('torrentInfo', (event, data) => { this.player_.on('torrentInfo', (event, data) => {
const downloadSpeed = bytes(data.downloadSpeed) const downloadSpeed = bytes(data.downloadSpeed)
@ -169,7 +171,7 @@ const WebTorrentButton = videojsUntyped.extend(Button, {
peersNumber.textContent = numPeers peersNumber.textContent = numPeers
div.style.display = 'block' subDiv.style.display = 'block'
}) })
return div return div