Как добавить атрибут media в jQuery

Я использую интерактивную галерею HTML5 и jQuery с флэш-резервностью, которую я адаптировал из учебника. Сайт является жидким. Я не знаю jQuery, и я пытаюсь заставить маленькие мобильные устройства воспроизводить видео меньших размеров (480x272), чем то, что в настоящее время обслуживается (800x450).Как добавить атрибут media в jQuery

Вот как я изменил код, но медиа-запрос не распознается. Каковы мои ошибки в форматировании?

var videoCode = '<video width="'+480+'" height="'+272+'" controls autoplay autobuffer> 
       <source src="video/'+videoFile+'_small.ogv" type="video/ogg" media="screen and (max-width:500px)"> 
       <source src="video/'+videoFile+'_small.mp4" type="video/mp4" media="screen and (max-width:500px)"> 
       <video width="'+800+'" height="'+450+'" controls autoplay autobuffer> 
       <source src="video/'+videoFile+'.ogv" type="video/ogg" /> 
       <source src="video/'+videoFile+'.mp4" type="video/mp4" />

Edit: фиксированная раскладка кодирования

источник

2012-04-26 user1354524

var videoCode = '

Ваш код, кажется, отсутствует, но, чтобы добавить/обновить атрибут такого элемента является $('someselector').attr('attrname', 'value');

источник

2012-04-26 15:27:32 Cole

Это часть, которая предшествует ему, если это то, что вы имеете в виду: var videoFile = $ (this) .attr ('видеофайл'); var videoPoster = $ (this) .attr ('videofile'); var videoWidth = Number ($ (this) .attr ('videowidth')); var videoHeight = Number ($ (this) .attr ('videoheight')); – user1354524

Спасибо. Теперь, jQuery не обновляет attirubtes, используя метод attr()? – Cole

Я узнал о jQuery и теперь понимаю, что вместо определения медиа-запросов в определении переменной необходимо использовать оператор if if else. Вот текущая инструкция в конце определений переменных: $ ('# videoPlayer'). Html (videoCode); И, пожалуйста, извините за любые ошибки в терминологии! Благодарю. – user1354524

//var videoFile = $(this).attr('videofile'); 
    var videoFile = (screen.width < 500) ? $(this).attr('videofile') + "_small" : $(this).attr('videofile'); 
    var videoPoster = $(this).attr('videofile'); 
    var videoPoster = $(this).attr('videofile'); 
    var videoWidth = (screen.width < 500) ? 200 : 800; 
    var videoHeight = (screen.height < 500) ? 200 : 450;

Это оказалось решение.

источник

2012-05-11 14:09:14 user1354524

Как добавить атрибут media в jQuery

ответ

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