← Форум / HTML5 / Прозрачность в HTML5
Прошу прощения, если такой вопрос уже задавался, но поиск выдаётся слишком много результатов на запрос "прозрачность". К сожалению, в инструкциях это объяснение тоже отсутствует.
Хотелось бы узнать, какой код вставить в html, чтобы прозрачность плеера заработала. Аккаунт PRO и галочку в конструкторе поставил, но фон плеера или настройка "цвет сайта" всё равно прозрачным не становится..
Подскажите как добиться полной прозрачности плеера (кроме кнопок и текста).
Заранее благодарен.
--------------
Вопрос решился добавлением следующего скрипта в конец сайта:
И CSS:
Было бы хорошо, если бы этот вопрос был исправлен более профессионально в следующих версиях плеера.
С уважением, Александр.
Хотелось бы узнать, какой код вставить в html, чтобы прозрачность плеера заработала. Аккаунт PRO и галочку в конструкторе поставил, но фон плеера или настройка "цвет сайта" всё равно прозрачным не становится..
Подскажите как добиться полной прозрачности плеера (кроме кнопок и текста).
Заранее благодарен.
--------------
Вопрос решился добавлением следующего скрипта в конец сайта:
jQuery("uppod_player_div").not("[class*=control] *").css('background-color', 'transparent');
И CSS:
#uibg>canvas{opacity: 0;}
Было бы хорошо, если бы этот вопрос был исправлен более профессионально в следующих версиях плеера.
С уважением, Александр.
| diabloxxl | Ссылка на пост (Смотрели 3785) | 27.04.17 09:59 Ответить |
Потом сохранил стиль,скачал и загрузил на свой сайт ..заменив новый стиль вместо старого…
И ничего да?
<script class="load_once" src="/audioplayer/styles/audio_transparent.js"></script>
<div id="audioplayer" style="width: 300px; height: 61px; display: inline-block; padding: 0px; line-height: 1; text-align: left; cursor:default; overflow: hidden; margin: -15px -15px -15px -10px;" wmode="transparent"></div>
<script type="text/javascript">this.player = new Uppod({m:"audio",uid:"audioplayer",pl:"/audioplayer/music.json",st:"uppodaudio"});</script>
Такая вот прозрачность ,или цвет твоего плеера
А если самому расшифровывать, то слишком много мороки, да и деньги я тут уплатил. Кстати по большинству ради прозрачности, которую всё никак не могу получить…
Ты хочешь полностью убрать фон самого плеера и чтобы были ,и оставались видны одни кнопки..и прогресс загрузки?
Только что попробовал через css, но один элемент не даёт изменить цвет. Попробую поверх свой скрипт вызвать для добавления прозрачности.
Там тоже кнопка плей и стоп..прогресс загрузки и громкость
Фона нет вообще
Никакой прозрачности, хотя галочка стоит…
Серый цвет я поставил.
Сам стиль вот:
Как оно должно хоть примерно выглядеть во флеш плеере
А я нашёл в плей маркете браузер FlashFox Browser и теперь просматриваю видео со всех плееров в интернете..
Уже все нормальные браузеры нормально яву скрипт и html5 отображают.
Сам флешем ен пользуюсь и никому не советую. Надеюсь скоро эта адобовская лавочка совсем прикроется. Ничего нормально сделать не могут…
И CSS:
А так чтобы пощупать этот плеер..воспроизвести его
Вот код плеера:
<script src="стиль"></script>
<div id="audioplayer" style="width: 300px; height: 61px; display: inline-block; padding: 0px; line-height: 1; text-align: left; cursor:default; overflow: hidden; margin: -15px -15px -15px -10px;" wmode="transparent"></div>
<script type="text/javascript">this.player = new Uppod({m:"audio",uid:"audioplayer",file:"твой файл",st:"uppodaudio"});</script>
Вот стиль:
Не могу никак понять..что и как..мне бы реальный пример..чтобы видеть
css вставляешь в любой из css файлов на твоём сайте так как я указал. Или в разделе <head>, который в начале вот так:
То что я тебе даю и есть реальный пример. А тыкается плеер точно так же как и все другие. Посетив сайт, ты не увидишь того когда, который я вставлял в html.
Но ты пишешь что решил проблему
Как и куда что вставлять,прописывать..не могу понять..тот скрипт и css
В конце <head> пишешь: <style>#uibg>canvas{opacity: 0;}</style>
В конец <body> пишешь <script>jQuery("uppod_player_div").not("[class*=control] *").css(’background-color’, ’transparent’);</script>
Локально проверяю через браузер..фон плеера серый..прозрачности нет
И дай ссылку на сайт, поищу в чём проблема.
<script src="https://myst-u.ru/audioplayer/styles/audio_transparent.js"></script>
<div id="audioplayer" style="width: 300px; height: 61px; display: inline-block; padding: 0px; line-height: 1; text-align: left; cursor:default; overflow: hidden; margin: -15px -15px -15px -10px;" wmode="transparent"></div>
<script type="text/javascript">this.player = new Uppod({m:"audio",uid:"audioplayer",file:"твой файл",st:"uppodaudio"});</script>
<head><style>#uibg>canvas{opacity: 0;}</style></head>
<body> <script> jQuery("uppod_player_div").not("[class*=control] *").css('background-color', 'transparent');</script>
И head идёт в начало сайта, а всё остальное надо в <body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<style>
body{background: #000}
#uibg>canvas{opacity: 0;}
</style>
</head>
<body>
<script type="text/javascript" src="./uppod-0.12.8.js"></script>
<script type="text/javascript" src="./audio_transparent.js"></script>
<div id="audioplayer" style="width: 300px; height: 61px; display: inline-block; padding: 0px; line-height: 1; text-align: left; cursor:default; overflow: hidden; margin: -15px -15px -15px -10px;" wmode="transparent"></div>
<script type="text/javascript">this.player = new Uppod({m:"audio",uid:"audioplayer",st:"uppodaudio"}); jQuery("uppod_player_div").not("[class*=control] *").css('background-color', 'transparent');</script>
</body>
Такой плеер с прозрачным фоном и ты взял оттуда этот скрипт и css
Просто интересно
Выставил в редакторе стилей галочку Прозрачность и можно этот скрипт и css прописывать
А вот у меня не PRO версия..и у меня всегда будет фон плеера
Это во флеш плеере такое не проканает. А в html5 пожалуйста.
Фон в плеере остаётся,прозрачности нет..
Там роль играет стиль video11–123.js
В нём должна быть вся прозраность