← Форум / HTML5 / Помогите перейти на HTML5
Здравствуйте. Нужно перейти на HTML5. Сейчас на сайте стоит такой Флеш код:
[xfgiven_treleryoutube]
<div id="tab9" class="tab_content" style=" border: 1px solid #2B2B2B;">
<object id="videoplayer1837" type="application/x-shockwave-flash" data="/uppod/uppod.swf" width="690" height="400"><param name="bgcolor" value="#ffffff"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><param name="movie" value="/uppod/uppod.swf"/><param name="flashvars" value="uid=videoplayer1837&comment=111&st=03ARzS4QD6G3Tk0hzdwnQB5FXT2Nyp2wV9B54TShUhTd0yp2wV9B56LT2MXTSzC5kN3Q3Q3DL31lT1fwcpsNkb3Gktj1ozfUrH&file=http://kp.cdn.yandex.net/[xfvalue_treleryoutube]"/></object>
</div>
[/xfgiven_treleryoutube]
Что нужно изменить для перехода на HTML5, чтобы выводился трейлер с ютуба из доп поля (treleryoutube)?
Файлы на сервере:
[xfgiven_treleryoutube]
<div id="tab9" class="tab_content" style=" border: 1px solid #2B2B2B;">
<object id="videoplayer1837" type="application/x-shockwave-flash" data="/uppod/uppod.swf" width="690" height="400"><param name="bgcolor" value="#ffffff"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><param name="movie" value="/uppod/uppod.swf"/><param name="flashvars" value="uid=videoplayer1837&comment=111&st=03ARzS4QD6G3Tk0hzdwnQB5FXT2Nyp2wV9B54TShUhTd0yp2wV9B56LT2MXTSzC5kN3Q3Q3DL31lT1fwcpsNkb3Gktj1ozfUrH&file=http://kp.cdn.yandex.net/[xfvalue_treleryoutube]"/></object>
</div>
[/xfgiven_treleryoutube]
Что нужно изменить для перехода на HTML5, чтобы выводился трейлер с ютуба из доп поля (treleryoutube)?
Файлы на сервере:
| apostol84 | Ссылка на пост (Смотрели 4892) | 11.05.17 00:11 Ответить |
И на своём сайте прописать код для HTML5
<script src="http://remrem.okis.ru/files/1/0/3/10371/st/video95-1591.js" type="text/javascript"></script>
<center> <div id="videoplayer" style="width:500px;height:375px;display: inline-block;" ></div>
<script type="text/javascript">this.videoplayer = new Uppod({m:"video",uid:"videoplayer",file:"http://r926440z.bget.ru/eralash4.mp4",poster:"http://r926440z.bget.ru/eralash4.jpg",st:"uppodvideo"});</script>
[xfgiven_treleryoutube]
<div id="tab9" class="tab_content" style=" border: 1px solid #2B2B2B;">
<script src="http://serialis.net/uppod/uppod-0.12.10.js" type="text/javascript"></script>
<centr><div id="videoplayer" style="width:690px;height:400px;display: inline-block;" ></div></centr>
<script type="text/javascript">this.videoplayer = new Uppod({m:"video",uid:"videoplayer",file:"[xfvalue_treleryoutube]"});</script>
</div>
[/xfgiven_treleryoutube]
..с ним трейлер показывается, но вот так:
..но если видео открыть на весь экран и потом свернуть оно показывается нормально:
<center> так вроде надо,а у тебя <centr>
это для вывода плашки
прописал uid:"tab9" ..стало на весь экран ..но пропала перемотка ..вся навигация плеере
Можно глянуть твой сайт ??где установлен плеер
Это надо править css там искать причину
#tab0 iframe, #tab0 object {width:100%;height:462px}
Я нашёл где..но пока что разбираюсь
Найди css вот такой код
И если из этого кода убрать вот такое ,то всё будет ОК.не знаю нужно оно ,или нет
#dle-speedbar a:hover span{color:#FF7400!important;}0px 0}
А вот когда я в css некоторые коды убирал ,то срабатывало
Но я разбираюсь с твоим кодом
Как сделаю,напишу
Если его убрать,то нормально..
Но без него работает
>размеры заданы не через стили. а значит проблема либо в коде плеера, либо в настройеках плеера. попробуй найти эти значени и там и там
То всё отлично
Роль играет или вот тот важный код,либо в css
Надо искать где он и для чего
Там где-то надо исправить
Я вставил этот код там где <center>
<div class="tab_container" style=" position:relative; height: 492px; overflow:hidden; ">
Если этот код перенести ниже??
Значит найди css вот такой код
object{width:100%;height:492px}#tab0 iframe,#tab0 object{width:100%;height:462px}
И этот тоже,который внизу
.tab_container iframe,.tab_container object{width:100%;height:492px}
#tab0 iframe, #tab0 object {width:100%;height:462px}
И там где width height
Пропиши одинакоаые размеры..таие как и в плеере
Без % они не нужны
А второй код тот который ты мне показывал
Вот пример
object{width:640px;height:400px;}#tab0 iframe,#tab0 object{width:640;height:400px;}
.tab_container iframe,.tab_container object{width:640px;height:400px;}
#tab0 iframe, #tab0 object {width:640px;height:400px;}
Может что не так,но уже есть результат..вырвнялся ютюбовский плеер
Размеры
640px; 400px;
Можно любые размеры прописать..но чтобы и плеере html5 тоже они такими были
640px; 400px;
Можешь попробовать скачать css ,тот что я исправил и загрузил на свой сайт
Я из css ничего не вырезал..изменил размеры и всё..
Как сделаешь..результат должен быть
А как ты видишь ??
только нижний.. ты сам верхний добавлял?
я менял ..ничего не меняется
И в этом коде был этот кусок..он без пробелов
Тот нижний он с пробелом,а этот как бы внутри того огроменного кода
Находи ,изменяй размер и должно всё быть отлично
Очистил кэш браузера
И что ничего не получается да??
#tab0 iframe, #tab0 object {width:690px;height:462px}
.momomo {position:absolute; width: 155px; height: 200px;}
.roliki {width:155px;margin-right:20px;position:relative;height:230px;display:block;float:left;font-size:11px;color:#eee;border:1px solid #2B2B2B;margin-bottom:20px}
#dle-speedbar a:hover span { color: #FF7400!important;}
второго вверхнего нет.. я уже и поиском по словам искал в блокноте.. кеш чистил