Вот как я это делаю. Я получаю соотношение сторон изображения YouTube.
<img id"nnS7G3Y-IDc-img" src="http://i.ytimg.com/vi/nnS7G3Y-IDc/default.jpg" />
<script>
//using jquery
var height = $('#nnS7G3Y-IDc-img').css('height');
var width = $('#nnS7G3Y-IDc-img').css('width');
height = height.replace('px', '');
width = width.replace('px', '');
var arB = height / 3;
var arT = width / arB;
if (arT == 4) {
//do what you need to with the aspect ratio info from here
//just demonstrating with an alert
alert ("4:3");
}
else {alert ("16:9");}
</script>
Я извлекаю всю видеоинформацию из API YouTube, а затем заранее сохраняю всю видеоинформацию в базе данных, поэтому, если вы делаете это на лету, вам, возможно, придется скрыть изображение на странице, а затем получить аспект соотношение таким образом.
edit ** Другим вариантом, и, вероятно, лучшим, будет использование API YouTube .
Найдите видео и проверьте, установлены ли data-> items-> aspectRatio. Я не думаю, что он установлен на видео 4: 3, но на 16: 9 он установлен на широкоэкранный. Должно быть так просто, как if (data->items->aspectRatio) {ratio= "16:9"} else {ratio="4:3"}