2013-05-24 7 views
4

Я реализую видеоигры и работаю во всех браузерах, однако элементы управления не видны, а кнопка воспроизведения сломана в IE8 с отключением Flash.video.js - элементы управления не отображаются в IE8

После некоторого копания, я убедился, что использую последние версии js и css, ссылаясь на cdn.

Пила ссылку на "boxWidth = box.offsetWidth", но я считаю, что это было исправлено с версии 3.2.

Код выглядит следующим образом и подают через IFRAME в colorbox.js

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <link href="http://vjs.zencdn.net/4.0/video-js.css" rel="stylesheet"> 
    <script src="http://vjs.zencdn.net/4.0/video.js"></script> 

</head> 
<body> 

    <?php if (!empty($this->user) && $this->access === true) { ?>   
     <div id="player" class="" style=""> 
      <video id="video-player" class="video-js vjs-default-skin" controls autoplay width="640" height="480" datasetup="{}"> 
       <source src="[VIDEOURL].mp4" type="video/mp4" /> 
       <source src="[VIDEOURL].ogg" type="video/ogg" />  
      </video> 
     </div> 
    <?php } ?> 

    <script> 

     var player = videojs("video-player"); 
     _V_.options.flash.swf = "[FLASHURL].swf"; 

    </script>   
</body> 

+0

Is это, что иконы сломаны? Появилось обновление до версии 4 (4.0.2), в котором исправлена ​​проблема с иконкой IE8. Теперь он должен быть в версии cdn 4.0. Вы все еще видите проблему? – heff

+0

Вы когда-нибудь находили решение? У меня такая же проблема ... –

ответ

0
data-setup='{ "controls": true, "autoplay": true, "preload": "auto" }' 

Попробуйте и удалить управляет автопилот из кода

1

Не уверен, что вы посмотрели на video-js.css файл, но у меня была такая же проблема.

Когда я осмотрел video-js.css, я заметил, что значения @font-face для скина по умолчанию указывали на неправильный URL.

Как только я обновил эти настройки до правильных значений, где я установил папку шрифта (часть пакета загрузки видео-js), все работало правильно.

3

Для тех, кто имеет такую ​​же проблему после попытки решения этой темы, я просто прошел одно и то же и нашел исправление (по крайней мере, для проблемы, с которой я столкнулся).

Для создания значков управления VideoJS использует шрифт VideoJS. Чтобы отобразить значки, он использует шрифт с селектором CSS3 :before, , который не работает в IE8, если в режиме IE7 Стандарт.

Даже если вы можете использовать IE8, возможно режим документа был установлен в IE7, Открывают инструменты для разработчиков, и убедитесь, что вы не в режиме IE7:

IE document mode

Смежные вопросы