HTML+CSS+JavaScript

Здравствуей, помогите пожалуйста
Какой код будет?

Проверяем какое у посетителя сайта соотношение сторон 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>

Спасибо заранее

Вы издеваетесь?

Я не программист и не понял Вашего ответа, сейчас я считаю, что задал вопрос корректнее
Буду очень признателен, если вы поможете мне, набравшись терпения

Я вам уже отвечал на этот вопрос, вы думаете что-то иное можно ответить на ваш повтор?

Или вам нужно именно отношение сторон знать?

Да, как будет выглядить код javascripta, который узнаёт соотношение сторон, и исходя из этого делает либо так, либо так:
т.е.
Если 16:9 то у него запускается
[видео1]
Если 4:3, то у него запускается:
[видео2]

4/3 = 1.3 - это для разрешений экранов 640/480, 800/600, 1024/768
16/9 = 1.77 - для 1920/1080 и т.п.
То есть, достаточно было разделить разрешение ширины на высоту и если больше 1.3, значит видео HD, иначе иное.

А кто управляет этой ссылкой? У нее ведь стиль display: none.

посетитель управляет, там другие кнопки управления, можете посмотреть на will(дефис)verity(точка)com
Как будет выглядеть конечный код? я не знаю как реализовать ваш совет

В общем или показывайте код реализации, или разбирайтесь сами. Дело в том, что параметр нужно как-то указать ссылке (хотя, если управляется другими кнопками, то нафик вообще нужен этот тег А). Если используется 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>

4/3 = 1.(3) а это всяко > 1.3
разумная уставка должна быть где-то на уровне 1.55

Глупости. 4/3 = 1,333333333333333.
Округление нужно, а не подбор.

1,(3) и есть 1,33333333
только мы писали так
1,3(3)

1.3 - это что за разрешение такое?
1.33, а ниже только 0.8 = 160 / 200 (4:5)

Можно тут посмотреть о существующих разрешениях. Но для дисплеев это от VGA до WXGA, это в основном 4:3 и 16:9 или близко 16:9, и 16:10.

То, что я написала, относится только к изображению дробей в периоде.

https://yadi.sk/d/D0_X-rcUcvGnw здесь html и styles.css

А мне это зачем, вам подходит чтобы не менять ссылки, пользуйтесь.

Наверное я не понял, и посчитал, что вы решили проблему на CSS.

Я вас не спрашивал о ссылке на страницу видео, я спрашивал о программном коде на вашей странице, которая управляет этими ссылками. Параметры видео заданы в ней в атрибуте и описаны объектом, вернее этот атрибут содержит json-данные, которые будут преобразованы в объект.

Если это преобразование запускает какая-то кнопка, то это и нужно показать, код. А сама по себе ссылка мертва, и если находится на странице ради того, чтобы содержать параметры видео, то это бессмыслица какая-то.

Собственно вот что я хотел:

на киберфоруме подсказали

<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>

Спасибо Опану

Собственно то что вам говорили здесь, это тоже самое, то есть суть сама. Здесь просто метод document.write используется, что в общем то и не обязательно. Вы либо вообще не знаете ничего из области DOM+JS, либо не можете отвечать на поставленные вопросы, вот от сюда ваши и мытарства.

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 }