yetangitu/ampache
1
0
Fork 0
mirror of https://github.com/Yetangitu/ampache synced 2025-10-06 03:49:56 +02:00
Code Issues Releases Wiki Activity

CSS fixes & some added functionality for video player

Browse source
This commit is contained in:
Anonymous 2015-08-15 15:31:21 +03:00
parent a5662ed8cc
commit 06aee641f3
3 changed files with 24 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

29
templates/jplayer.midnight.black-iframed.css
View file

@ -16,15 +16,12 @@
*/ */
div.jp-area { div.jp-area {
margin-left: auto; height: 100px;
margin-right: auto; width: 100%;
width: 500px;
min-width: 500px;
} }
div.jp-area-video { div.jp-area-video {
margin-left: auto; margin: auto;
margin-right: 45%;
} }
div.jp-area-center { div.jp-area-center {
@ -57,6 +54,7 @@ div.jp-video {
line-height: 1.6; line-height: 1.6;
color: #999; color: #999;
border:1px solid #191919; border:1px solid #191919;
margin: auto;
} }
div.jp-audio { div.jp-audio {
width: 480px; width: 480px;
@ -112,7 +110,6 @@ div.jp-video-float div.jp-jplayer {
border-top: 4px solid #000000; border-top: 4px solid #000000;
border-top-left-radius: 15px; border-top-left-radius: 15px;
border-top-right-radius: 15px; border-top-right-radius: 15px;
padding: 15px;
} }
div.jp-video-float div.jp-gui { div.jp-video-float div.jp-gui {
@ -474,11 +471,12 @@ div.jp-title {
font-size:0.7em; font-size:0.7em;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin: auto;
left: -80%; position: relative;
position: absolute; top: 70px !important;;
top: 10px; width: auto !important;
width: 300px !important; white-space: nowrap;
} }
div.playing_info { div.playing_info {
@ -798,21 +796,21 @@ a.jp-repeat-off:hover {
} }
a.jp-shuffle { a.jp-shuffle {
background-position: 0 -261px; background-position: 0 -262px;
margin-left: 5px; margin-left: 5px;
} }
a.jp-shuffle:hover { a.jp-shuffle:hover {
background-position: -30px -261px; background-position: -30px -262px;
} }
a.jp-shuffle-off { a.jp-shuffle-off {
background-position: -60px -261px; background-position: -60px -262px;
margin-left: 5px; margin-left: 5px;
} }
a.jp-shuffle-off:hover { a.jp-shuffle-off:hover {
background-position: -90px -261px; background-position: -90px -262px;
} }
/* @end */ /* @end */
@ -846,6 +844,7 @@ a.jp-shuffle-off:hover {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
z-index: 9999;
} }
.jp-close a{ .jp-close a{

BIN
templates/jplayer.midnight.black.seeking.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

9
templates/show_html5_player.inc.php
View file

@ -279,6 +279,15 @@ if (AmpConfig::get('song_page_title') && !$is_share) {
replaygainEnabled = false; replaygainEnabled = false;
<?php echo WebPlayer::add_media_js($playlist); ?> <?php echo WebPlayer::add_media_js($playlist); ?>
$("#jquery_jplayer_1").resizable({
alsoResize: "#jquery_jplayer_1 video",
handles: "nw, ne, se, sw, n, e, w, s"
});
$("#jquery_jplayer_1 video").resizable();
$("#jquery_jplayer_1").draggable();
}); });
</script> </script>
<?php <?php