Проблема встраивания видео Vimeo (без масштабирования / черных областей). Пример включен - PullRequest
Новая
       25

Проблема встраивания видео Vimeo (без масштабирования / черных областей). Пример включен

0 голосов
/ 08 января 2012

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

Кроме того, я не могу публиковать сообщения на форумах vimeo.com.Google тоже не помогает.

Вот пример, фильмы vimeo по сравнению с YT:

http://jsfiddle.net/LYt3R/

Есть идеи?

1 Ответ

2 голосов
/ 12 января 2013

У меня похожая проблема. Я внедряю мобильный веб-сайт и хочу автомасштабирование в соответствии с разрешением экрана устройства посетителя.

Эта ссылка интересна: http://webdesignerwall.com/tutorials/css-elastic-videos/comment-page-1

А это полный пост:

http://css -tricks.com / NetMag / FluidWidthVideo / Статья-FluidWidthVideo.php

Это решение не идеально, но это лучшая идея, которую я нашел.

Основной код CSS и HTML: 

    .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


<div class="video-container">
<iframe src="http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe>
</div>
...