Что-то я припоминаю, что ярлык поля должен содержать только латинские буквы цифры и подчеркивания, поэтому такое название поля выглядит подозрительно: 'banner-img'. Попробуйте записать так: 'banner_img'.
Кроме того убедитесь, что $item->ID действительно содержит id. Распечатайте там по ходу дела перед вызовом get_field(), echo $item->ID;
Тестировать я не просил. Меня волновал вопрос грамотности такого подхода.
Вопрос звучал, "как верно сделать". Я знал, что такое подход работает с картинками. Теперь из документации узнал, что он работает и с видео.
Код можно упростить, убрав медиа запрос во втором источнике, сделав его по умолчанию.
Какая-то магия. Не работает ни в Хром ни в Опере. Проблема в том, что длина массива let inputs = document.getElementsByName('score'); равна 0.
В FF все работает. Чудеса...
'banner-img'
. Попробуйте записать так:'banner_img'
.Кроме того убедитесь, что
$item->ID
действительно содержит id. Распечатайте там по ходу дела перед вызовом get_field(),echo $item->ID;