Встроенное видео не находится в кадре

Я встроил видео из Vimeo на свой сайт, но, похоже, оно не умещается в рамке сайта, хотя я указал правильную высоту и ширину.

http://www.dawaf.co.uk/wildlion/

Слева и справа от видео появляется черная рамка.

        <div class="panel-10" id="hero_carousel">
                <ul class="hero-carousel">
                    <li>
<iframe src="http://player.vimeo.com/video/17157212?title=0&amp;byline=0&amp;portrait=0&amp;color=c9ff23" width="672" height="312" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

                        <div class="carousel-copy">
                            <p class="carousel-title">
                                2012 Showreel
                            </p>

                            <p class="carousel-subtitle">
                                Cutting Edge Media
                            </p>

                            <p>Here is some of our recent work to give you a taste of what we have to offer. Some naughty media production companies use stock footage in their showreel, but we promise that all of the media seen in ours is in fact ours.</p>

                            <p class="readmore"><a href="http://www.dawaf.co.uk/wildlion/portfolio">View Portfolio<span></a></p>
                        </div>
                    </li>
                </ul>
            </div>

person user1096057    schedule 17.07.2012    source источник
comment
Это ссылка на vimeo, с которой я взял видео: vimeo.com/17157212   -  person user1096057    schedule 17.07.2012


Ответы (1)


Что ж, я предполагаю, что это как-то связано с вашим соотношением высоты / ширины. Если вы посмотрите на ссылку для встраивания по умолчанию для видео, ширина: высота составляет 500: 281, что отличается примерно в 1,78 раза. Соотношение ширины и высоты составляет 2,15.

Обратите внимание, что на вашем веб-сайте панель видео (с кнопкой воспроизведения и кнопкой полноэкранного режима) имеет такую ​​ширину, как должна, а видео - нет. Это, кажется, также предполагает, что проблема связана с вашей шириной: высотой.

Может быть, попробуйте увеличить ширину в 1,78 раза над ростом и посмотреть, что получится?

Изменить: это, вероятно, означало бы, что вам нужно было сделать всю площадь шоурила 2012 года немного выше. Надеюсь, это не проблема?

person Frankie Nwafili    schedule 17.07.2012
comment
Без проблем! Но я только что снова проверил ваш сайт. Похоже, у вас теперь правильная ширина: высота, но вы не изменили размер div, в котором он находится. Зайдите в свой css и сделайте любой div, который содержит ваше видео, немного выше, тогда вам должно быть хорошо идти - person Frankie Nwafili; 17.07.2012