1
0
Fork 0
mirror of https://github.com/Yetangitu/ampache synced 2025-10-03 01:39:28 +02:00

CSS fixes & some added functionality for video player

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

View file

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

View file

@ -279,6 +279,15 @@ if (AmpConfig::get('song_page_title') && !$is_share) {
replaygainEnabled = false;
<?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>
<?php