При установке аудио плеера в HTML5 на страницу крайние колонки принимают безобразный вид, но только на этой странице. Что я не так делаю?
Страница: http://dolgobrod.narod.ru/publ/david_tukhmanov/1-1-0-124
Вот код, который я устанавливаю:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">
<title>Music Player</title>
<link rel="stylesheet" media="screen" href="http://dolgobrod.narod.ru/player1/css/reset.css"/>
<link rel="stylesheet" media="screen" href="http://dolgobrod.narod.ru/player1/css/mplayer.css"/>
<script type="text/javascript" src="http://dolgobrod.narod.ru/player1/js/jquery.js"></script>
<script type="text/javascript" src="http://dolgobrod.narod.ru/player1/js/jquery-ui.js"></script>
<script type="text/javascript" src="http://dolgobrod.narod.ru/player1/js/perfect-scrollbar.jquery.min.js"></script>
<script type="text/javascript" src="http://dolgobrod.narod.ru/player1/js/mplayer.js"></script>
</head>
<body>
<div class="mplayer">
<div class="mplayer__front-header">
<div class="mplayer__front-header-next-bg"></div>
<div class="mplayer__front-header-current-bg"></div>
<div class="mplayer__front-btn-playlist"></div>
<div class="mplayer__cover-art">
<img class="mplayer__cover-art-next" src="" alt="cover art">
<img class="mplayer__cover-art-current" src="" alt="cover art">
</div>
<div class="mplayer__toolbar">
<div class="mplayer__prev"></div>
<div class="mplayer__pause"></div>
<div class="mplayer__next"></div>
</div>
<div class="mplayer__front-body">
<div class="mplayer__front-row">
<div class="mplayer__front-title-wrap">
<div class="mplayer__front-title-track"></div>
<div class="mplayer__front-title-author"></div>
</div>
</div>
<div class="mplayer__front-row">
<div class="mplayer__long">
<div class="mplayer__current-time">0:00</div>
<div class="mplayer__long-slider"></div>
<div class="mplayer__all-time"></div>
</div>
</div>
<div class="mplayer__front-row">
<div class="mplayer__order-btn-wrap">
<div class="mplayer__repeat"></div>
<div class="mplayer__random"></div>
</div>
<div class="mplayer__volume">
<div class="mplayer__volume-icon"></div>
<div class="mplayer__volume-slider"></div>
</div>
</div>
</div>
</div>
<div class="mplayer__playlist ">
<div class="mplayer__playlist-header">
<div class="mplayer__playlist-btn-front"></div>
<div class="mplayer__playlist-header-title">
Playlist
</div>
</div>
<div class="mplayer__playlist-body">
<div class="mplayer__playlist-body-next-bg"></div>
<div class="mplayer__playlist-body-current-bg"></div>
<div class="mplayer__playlist-body-inner js-perfect-scrollbar"></div>
</div>
</div>
</div>
<script type="text/javascript">
"use strict";
$(function () {
$('.mplayer').mplayer({
'volume': 80,
'playlist': [
{
"title": "Кабинет",
"author": "ДавидТухманов",
"cover": "http://dolgobrod.narod.ru/MUZYKA/Rus/Tuhmanov/david_tukhmanov_2007.jpg",
"background": "http://dolgobrod.narod.ru/MUZYKA/Rus/Tuhmanov/david_tukhmanov.jpg",
"pfile": "http://dolgobrod.narod.ru/MUZYKA/Rus/Tuhmanov/01kabinet.mp3",
"duration": ""
}
]
});
});
</script>
</body>
</html>
Контент-модули
Продвижение сайта
Управление сайтом