Я пишу простую веб-страницу с использованием адаптивного веб-дизайна, поэтому мультимедийные запросы CSS3 обслуживают различные таблицы стилей в зависимости от разрешения экрана. Для простоты, скажем, есть версия для iPhone и версия для ПК. Я использую тег видео html5 для показа видео, и я бы хотел показывать видео 720p, когда сайт доступен с рабочего стола, и видео меньшего размера, 320p, при доступе через iphone. Я не прав или нет простого способа сделать это только с помощью html / css? Должен ли я использовать JavaScript для динамического изменения атрибута SRC видео? Если да, каковы лучшие практики? Заранее спасибо.