Задать вопрос
dazle
@dazle
Хороший электрик, но в душе программист

Как на полосе перемотки аудио файла разместить название песни и исполнителя так чтобы перематывалась песня?

Все перепробовал не получается! проблема в том что не получается перематывать в том месте где название песни и исполнитель. Я ставил разные z-index по приоритетам ставил position и даже ставил прозрачность полоски перемотки background-color: rgb(200,200,200,0.3) чтобы под ней можно было видеть название и исполнителя ничего не получается(.
вот код:
echo '<div class="namfil4">';

echo "<div class=nameispol><p361>".$row['name']." - ".$row['vol']."</p361></div>";

echo '<div id="wrapper">
			<audio preload="auto" controls>
				<source src=mp3/'.$pof.'>
			</audio></div>

</div>';

.namfil4{height:30px;padding:5px 5px 0 5px;margin:-4px 0 0 0;z-index:3;border-radius:3px 0px 0px 3px;}
.nameispol{position:relative;z-index:4;margin:2px 0 0 92px;font-size:12px;float:left;}
p361{color:#A9A9A9;font-size:12px;font-family: verdana;font-weight:500;} 

//аудио ксс
	.audioplayer
{
	height: 35px;width:100%;margin:-5px 0px 0 0;
	color: #fff;
	position: relative;
	z-index: 3;border-radius:30px 0 0 30px;background-color:rgb(235,235,235,1);
	right:-5px;
}
	
	.audioplayer > div
	{
		position: absolute;
	}
	.audioplayer-bar
	{
		height: 10px;
		background-color: rgb(200,200,200,0.5);
		cursor: pointer;
		z-index: 12;
		right: 60px;
		left: 80px;
		margin-top: 13px;position:relative;
	}
		.audioplayer-novolume .audioplayer-bar
		{
			right: 4.375em; /* 70 */
		}
		.audioplayer-bar div
		{
			width: 0;
			height: 100%;
			position:absolute;
			left: 0;
			top: 0;z-index: 12;
		}
		.audioplayer-bar-loaded
		{
			background-color: rgb(200,200,200,0.5);
			z-index: 13;position:relative;
		}
		.audioplayer-bar-played
		{
			background:rgb(180, 180, 180,0.2);
			z-index: 14;position:relative;
		}
  • Вопрос задан
  • 225 просмотров
Подписаться 1 Средний 2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы