cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-18 03:18:19 -07:00
Code Issues Packages Projects Releases Wiki Activity

fixes for chrome 35

Browse Source
This commit is contained in:
Luke Pulverenti 2014-04-13 14:25:22 -04:00
parent 9f83edf9ec
commit b8c3e8c777
4 changed files with 23 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
dashboard-ui/css/mediaplayer-video.css
View File

@ -26,15 +26,15 @@
.itemVideo {
background-color: #000;
margin: 20px 20px 80px;
margin: 5px 5px 75px;
width: 320px;
height: 181px;
}
#videoControls {
z-index: 99999;
padding: 0 20px 5px;
height: 80px;
padding: 0 5px 5px;
height: 75px;
position: absolute;
top: auto;
right: 0;
@ -54,7 +54,7 @@
#videoControls #video-basic-controls {
position: absolute;
top: 30px;
top: 25px;
left: 20px;
bottom: 0;
width: 600px;
@ -63,7 +63,7 @@
#videoControls #video-advanced-controls {
position: absolute;
top: 30px;
top: 25px;
right: 20px;
bottom: 0;
width: 400px;
@ -142,6 +142,11 @@
bottom: 85px;
}
#mediaPlayer .volumeSliderContainer {
position: relative;
top: 5px;
}
/* Media queries
***************************************/
@ -191,10 +196,6 @@
margin-left: -550px;
margin-top: -329px;
}
#video-videoPlayerMenuButton {
display: none;
}
}
@media all and (min-width: 1440px) and (min-height: 720px) {
@ -245,10 +246,6 @@
width: 250px;
}
#mediaPlayer #video-basic-controls .volumeSliderContainer {
margin-top: 8px;
}
#mediaPlayer #video-basic-controls, #mediaPlayer #video-advanced-controls {
width: 200px;
height: 120px;
@ -269,14 +266,18 @@
}
}
@media all and (max-width: 500px) {
#mediaPlayer .previousTrackButton, #mediaPlayer .nextTrackButton {
@media all and (max-width: 600px) {
#mediaPlayer .volumeSliderContainer, #mediaPlayer .muteButton, #mediaPlayer .unmuteButton {
display: none!important;
}
#mediaPlayer .nowPlayingImage, #mediaPlayer .nowPlayingText {
display: none!important;
}
}
@media all and (max-width: 400px) {
#mediaPlayer .playlistButton {
@media all and (max-width: 500px) {
#mediaPlayer .previousTrackButton, #mediaPlayer .nextTrackButton {
display: none!important;
}
}

6
dashboard-ui/scripts/mediaplayer-video.js
View File

@ -32,6 +32,7 @@
self.initVideoPlayer = function () {
video = playVideo(item, mediaSource, startPosition, user);
return video;
};
@ -861,9 +862,9 @@
// Can't autoplay in these browsers so we need to use the full controls
if (requiresControls) {
html += '<video class="itemVideo" id="itemVideo" autoplay controls preload="none">';
html += '<video class="itemVideo" id="itemVideo" autoplay controls>';
} else {
html += '<video class="itemVideo" id="itemVideo" autoplay preload="none">';
html += '<video class="itemVideo" id="itemVideo" autoplay>';
}
if (!isStatic) {
@ -890,7 +891,6 @@
$('#video-stopButton', videoControls).show();
$('#video-playButton', videoControls).hide();
$('#video-pauseButton', videoControls).show();
$('#video-playlistButton', videoControls).hide();
$('#video-previousTrackButton', videoControls).hide();
$('#video-nextTrackButton', videoControls).hide();
var videoElement = $('#videoElement', mediaPlayer).prepend(html);

3
dashboard-ui/scripts/mediaplayer.js
View File

@ -726,6 +726,7 @@
};
self.pause = function () {
currentMediaElement.pause();
};
@ -1138,7 +1139,7 @@
html += '<div class="mediaPlayerAudioContainer" style="display:none;"><div class="mediaPlayerAudioContainerInner">';;
}
html += '<audio class="mediaPlayerAudio" preload="auto" controls>';
html += '<audio class="mediaPlayerAudio" controls>';
html += '</audio></div></div>';
$(document.body).append(html);

1
dashboard-ui/scripts/site.js
View File

@ -1309,7 +1309,6 @@ $(function () {
videoPlayerHtml += '<div id="video-basic-controls">';
videoPlayerHtml += '<a id="video-playlistButton" class="mediaButton playlistButton" href="playlist.videoPlayerHtml" data-role="button" data-icon="bullets" data-iconpos="notext" data-inline="true" title="Playlist">Playlist</a>';
videoPlayerHtml += '<button id="video-previousTrackButton" class="mediaButton previousTrackButton" title="Previous Track" type="button" onclick="MediaPlayer.previousTrack();" data-icon="previous-track" data-iconpos="notext" data-inline="true">Previous Track</button>';
videoPlayerHtml += '<button id="video-playButton" class="mediaButton" title="Play" type="button" onclick="MediaPlayer.unpause();" data-icon="play" data-iconpos="notext" data-inline="true">Play</button>';
videoPlayerHtml += '<button id="video-pauseButton" class="mediaButton" title="Pause" type="button" onclick="MediaPlayer.pause();" data-icon="pause" data-iconpos="notext" data-inline="true">Pause</button>';