Воспроизведение видео JavaScript не вызывает событие клика - PullRequest
Новая
       18

Воспроизведение видео JavaScript не вызывает событие клика

0 голосов
/ 07 февраля 2012

Суть в том, что вы помещаете JS-код для видео в div, а затем у вас есть jQuery Code, который выполняется при нажатии на этот div. I.E Когда вы играете / пауза или что-то в видео, событие должно сработать. В моем примере я задержал показ текста:

Как видно

http://jsfiddle.net/R9Wm4/7/

Если вы запустите этот FF, он будет работать нормально, если вы запустите его в IE. или Chrome не вызывает событие нажатия.

Это относится к любому видео, встроенному в JS, независимо от YouTube, Vimeo, Amazon s3 ETC.

Есть ли что-то, что я делаю неправильно, или есть обходной путь (то есть наложение четкого изображения или что-то на весь Div, это сводит меня с ума ..)

Примечание. Я попытался использовать событие MouseDown вместо щелчка, и это работает, однако оно не запускает мое видео одним щелчком мыши: - / (за исключением повторения в FF, который работает нормально)

Если вам не нравится jsFiddle, вот код JS: 

$(function(){
  $('.content').hide();
  $('#delay-start').click(function(){
    if($('.content').is(':hidden')){
        $('.content').delay(1500).fadeIn(1000);
        return false;
    }
  });
});

И HTML: 

<div id='delay-start'>
<script type="text/javascript">
  var playerhost = (("https:" == document.location.protocol) ? "https://market-review.s3.amazonaws.com/comprehensive-market-review-november11/ezs3js/secure/" : "http://market-review.s3.amazonaws.com/comprehensive-market-review-november11/ezs3js/player/");

document.write(unescape("%3Cscript src='" + playerhost + "flv/460089AC-DCB0-154F-0F5574AA57B9963A.js?t="+(Math.random() * 99999999)+"' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
<div class='content'>
  <p>Welcome to my Hidden and Magical Text! Enjoy Your life</p>
</div>

1 Ответ

0 голосов
/ 14 февраля 2012

Это кажется слишком большой проблемой для мозгового доверия в Интернете! Поэтому я удалил функцию щелчка и просто установил таймер с задержкой и автоматическое воспроизведение видео. Решение, которое работает во всех браузерах: -)

...