mirror of
https://github.com/Yetangitu/ampache
synced 2025-10-03 09:49:30 +02:00
CSS fixes & some added functionality for video player
This commit is contained in:
parent
a5662ed8cc
commit
06aee641f3
3 changed files with 24 additions and 16 deletions
|
@ -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;
|
||||
margin: auto;
|
||||
|
||||
left: -80%;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
width: 300px !important;
|
||||
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 |
|
@ -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
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue