HTML5 управления видео JQuery вопрос

У меня есть видео HTML5 на сайте, но не нравится внешний вид элементов управления просто, сидя на плакате изображение, поэтому я добавил этот JQuery для добавления элементов управления на парении,HTML5 управления видео JQuery вопрос

$('#MSvideo').hover(function toggleControls() { 
    if (this.hasAttribute("controls")) { 
    this.removeAttribute("controls") 
    } 
    else { 
    this.setAttribute("controls", "controls") 
    } 
});

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

Он делает то же самое в этой скрипкой http://jsfiddle.net/konbsda8/

Любая помощь будет высоко ценится!

источник

2014-11-12 Tim Wilkinson

Я проверил jsFiddle, но, похоже, я не получаю результаты. Какой браузер вы используете? – EricBellDesigns

Используя Firefox 33.1, я был обеспокоен тем, что это может быть проблема с браузером, если это будет проблема с исправлением браузера? –

Определенно проблема с браузером, поскольку в Chrome нет никаких проблем. Если вы проверите видео в Firefox, вы увидите, что по мере перемещения мыши над видео, элемент управления 'controls = "добавляется и удаляется. Я считаю, что это вызывает мерцающую проблему. – EricBellDesigns

Ok я понял это, элементы управления атрибут должен быть пустым, поэтому линия

this.setAttribute("controls", "controls")

вместо этого следует

this.setAttribute("controls", "")

И это, казалось, решить мерцающий эффект.

источник

2014-11-13 00:07:52

HTML5 управления видео JQuery вопрос

ответ

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