|
|
|
| Здравствуей, помогите пожалуйста
Какой код будет?
Проверяем какое у посетителя сайта соотношение сторон 4:3 или 16:9
Если 16:9 то у него запускается
<a id="bgndVideo" class="player mb_YTVPlayer" data-property="{videoURL:'ссылка на видео с соотношением 16:9',containment:'body',autoPlay:true, hd:true, startAt:0, opacity:1, loop:false, vol:100}" style="display: none; background-image: none; background-position: initial initial; background-repeat: initial initial;" title="">youtube</a>
|
Если 4:3, то у него запускается:
<a id="bgndVideo" class="player mb_YTVPlayer" data-property="{videoURL:'ссылка на видео с соотношением 4:3',containment:'body',autoPlay:true, hd:true, startAt:0, opacity:1, loop:false, vol:100}" style="display: none; background-image: none; background-position: initial initial; background-repeat: initial initial;" title="">youtube</a>
|
Спасибо заранее | |
|
|
|
|
|
|
|
для: SpaMeP
(24.11.2014 в 10:54)
| | Вы издеваетесь? | |
|
|
|
|
|
|
|
для: confirm
(24.11.2014 в 11:20)
| | Я не программист и не понял Вашего ответа, сейчас я считаю, что задал вопрос корректнее
Буду очень признателен, если вы поможете мне, набравшись терпения | |
|
|
|
|
|
|
|
для: SpaMeP
(24.11.2014 в 12:17)
| | Я вам уже отвечал на этот вопрос, вы думаете что-то иное можно ответить на ваш повтор?
Или вам нужно именно отношение сторон знать? | |
|
|
|
|
|
|
|
для: confirm
(24.11.2014 в 12:23)
| | Да, как будет выглядить код javascripta, который узнаёт соотношение сторон, и исходя из этого делает либо так, либо так:
т.е.
Если 16:9 то у него запускается
[видео1]
Если 4:3, то у него запускается:
[видео2] | |
|
|
|
|
|
|
|
для: SpaMeP
(24.11.2014 в 12:55)
| | 4/3 = 1.3 - это для разрешений экранов 640/480, 800/600, 1024/768
16/9 = 1.77 - для 1920/1080 и т.п.
То есть, достаточно было разделить разрешение ширины на высоту и если больше 1.3, значит видео HD, иначе иное.
А кто управляет этой ссылкой? У нее ведь стиль display: none. | |
|
|
|
|
|
|
|
для: confirm
(24.11.2014 в 13:15)
| | посетитель управляет, там другие кнопки управления, можете посмотреть на will(дефис)verity(точка)com
Как будет выглядеть конечный код? я не знаю как реализовать ваш совет | |
|
|
|
|
|
|
|
для: SpaMeP
(24.11.2014 в 14:01)
| | В общем или показывайте код реализации, или разбирайтесь сами. Дело в том, что параметр нужно как-то указать ссылке (хотя, если управляется другими кнопками, то нафик вообще нужен этот тег А). Если используется jQoery, то что-то типа этого:
$(function() {
$("#bgndVideo").attr("data-property", '{videoURL:' + (screen.width/screen.height > 1.3 ? "url 16:9" : "url 4:3") + ', containment:"body", autoPlay:true, hd:true, startAt:0, opacity:1, loop:false, vol:100}');
});
<a id="bgndVideo" class="player mb_YTVPlayer" style="display: none; background-image: none; background-position: initial initial; background-repeat: initial initial;" title="">youtube</a>
|
| |
|
|
|
|
|
|
|
для: confirm
(24.11.2014 в 14:12)
| | 4/3 = 1.(3) а это всяко > 1.3
разумная уставка должна быть где-то на уровне 1.55 | |
|
|
|
|
|
|
|
для: Trianon
(24.11.2014 в 14:20)
| | Глупости. 4/3 = 1,333333333333333.
Округление нужно, а не подбор. | |
|
|
|
|
|
|
|
для: confirm
(24.11.2014 в 21:53)
| | 1,(3) и есть 1,33333333
только мы писали так
1,3(3) | |
|
|
|
|
|
|
|
для: elenaki
(26.11.2014 в 09:53)
| | 1.3 - это что за разрешение такое?
1.33, а ниже только 0.8 = 160 / 200 (4:5)
Можно тут посмотреть о существующих разрешениях. Но для дисплеев это от VGA до WXGA, это в основном 4:3 и 16:9 или близко 16:9, и 16:10. | |
|
|
|
|
|
|
|
для: confirm
(27.11.2014 в 00:20)
| | То, что я написала, относится только к изображению дробей в периоде. | |
|
|
|
|
|
|
|
для: confirm
(24.11.2014 в 14:12)
| | https://yadi.sk/d/D0_X-rcUcvGnw здесь html и styles.css | |
|
|
|
|
|
|
|
для: SpaMeP
(25.11.2014 в 17:41)
| | А мне это зачем, вам подходит чтобы не менять ссылки, пользуйтесь. | |
|
|
|
|
|
|
|
для: SpaMeP
(25.11.2014 в 17:41)
| | Наверное я не понял, и посчитал, что вы решили проблему на CSS.
Я вас не спрашивал о ссылке на страницу видео, я спрашивал о программном коде на вашей странице, которая управляет этими ссылками. Параметры видео заданы в ней в атрибуте и описаны объектом, вернее этот атрибут содержит json-данные, которые будут преобразованы в объект.
Если это преобразование запускает какая-то кнопка, то это и нужно показать, код. А сама по себе ссылка мертва, и если находится на странице ради того, чтобы содержать параметры видео, то это бессмыслица какая-то. | |
|
|
|
|
|
|
|
для: confirm
(24.11.2014 в 11:20)
| | Собственно вот что я хотел:
на киберфоруме подсказали
<script>
var a="<a id=\"bgndVideo\" class=\"player mb_YTVPlayer\" data-property=\"{videoURL:'";
var c="',containment:'body',autoPlay:true, hd:true, startAt:0, opacity:1, loop:false, vol:100}\" style=\"display: none; background-image: none; background-position: initial initial; background-repeat: initial initial;\" title=\"\">youtube</a>";
if(Math.round(screen.width/screen.height*3)==4){b="http://www.youtube.com/watch?v=b6CEDU9UQo0"};
if(Math.round(screen.width/screen.height*9)==16){b="http://www.youtube.com/watch?v=b6CEDU9UQo0"};
document.write(a + b + c);
</script>
|
Спасибо Опану | |
|
|
|
|
|
|
|
для: SpaMeP
(27.11.2014 в 02:47)
| | Собственно то что вам говорили здесь, это тоже самое, то есть суть сама. Здесь просто метод document.write используется, что в общем то и не обязательно. Вы либо вообще не знаете ничего из области DOM+JS, либо не можете отвечать на поставленные вопросы, вот от сюда ваши и мытарства. | |
|
|
|
|
|
|
|
для: SpaMeP
(24.11.2014 в 10:54)
| | 1. Адаптивное видео (http://ruseller.com/lessons.php?id=1451&rub=2)
Данный трюк CSS позволяет встраиваемому видео растягиваться до установленных границ.
01
.video {
02
position: relative;
03
padding-bottom: 56.25%;
04
height: 0;
05
overflow: hidden;
06
}
07
08
.video iframe,
09
.video object,
10
.video embed {
11
position: absolute;
12
top: 0;
13
left: 0;
14
width: 100%;
15
height: 100%;
16
}
|
| |
|
|
|