Я интегрирую видео * .webm с альфа-прозрачностью. На данный момент прозрачность поддерживается только в Chrome и Opera. (Демо: http://simpl.info/videoalpha/) Firefox, например, воспроизводит видео, поскольку он поддерживает формат WebM, но вместо прозрачности есть черный фон.Как (функция) обнаруживает, поддерживает ли браузер поддержку прозрачности WebM alpha?
Мой план состоит в том, чтобы отображать видеоролик вместо видео, если браузер не поддерживает альфа-прозрачность. Поэтому видео должно воспроизводиться только в том случае, если браузер поддерживает прозрачность WebM alpha. Я знаю, как обнаружить браузер или механизм рендеринга, и поэтому воспроизводить видео (см. Код ниже) - но есть ли способ обнаружения функции?
var supportsAlphaVideo = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor) || (/OPR/.test (navigator.userAgent));
if (supportsAlphaVideo) {
document.querySelector(".js-video").play();
}
Смотрите также http://updates.html5rocks.com/2013/07/Alpha-transparency-in-Chrome-video
Вы можете использовать [Модернизатор] (http://modernizr.com/docs/) библиотека JavaScript, которая обнаруживает HTML5 и CSS3 функции в браузере пользователя. –
На мой взгляд, нет способа обнаружить определенную особенность в кодеке webm с модернизацией. – chaenu