CSS Hide Youtube Видео не работает в IE - PullRequest
Новая
       17

CSS Hide Youtube Видео не работает в IE

1 голос
/ 20 апреля 2010

У меня есть видео на YouTube, как так ... 

<object id="video_1" class="a_video .......

Однако css для a_video: 

display:none;

Не скрывает это в IE.

Кто-нибудь знает, как скрыть встроенные видео YouTube в IE?

Ответы [ 2 ]

1 голос
/ 20 апреля 2010

Если я правильно помню, у меня тоже была эта проблема раньше. Хотя мое видео перестало бы отображаться, но я слышал, что оно продолжает воспроизводиться в фоновом режиме. Решение, которое я использовал, состояло в том, чтобы полностью удалить его и вернуть при необходимости.

Как это: 

(function($){
  $(function(){
    var videoCode = $('object').parent().html();
    $('#toggleButton').bind('click',function(e){
      if($('object').length) {
       $('object').remove(); 
      } else {
       $("#container").append(videoCode); 
      }
    });
  });
})(jQuery);​

Эта функция делает несколько вещей ... во-первых, она устанавливает HTML-код, связанный с видео (объектом), в переменную, чтобы она могла его запомнить. Затем он дает кнопке возможность показать / скрыть видео (я предполагаю, что это предполагаемое поведение). Таким образом, когда кнопка нажата, она проверяет, находится ли видео в данный момент на странице, если это так, она удаляет его из DOM, а если нет, берет сохраненный HTML и повторно применяет его к видео. контейнер.

Вот следующий HTML-код: 

  <div id="container">
    <object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/hQVTIJBZook&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/hQVTIJBZook&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
  </div>
  <a href="#" id="toggleButton">Toggle Video</a>
0 голосов
/ 20 апреля 2010

Я видел эту ошибку IE8.Если вы указываете переполнение: скрыто на элементах блока, которые имеют проблемы, это должно сработать.Вам может понадобиться вставить код на YouTube для вставки.

...