Вызов видео из галереи WordPress

Question

Я создал эскизы для загрузки видео из пользовательской галереи, ссылка использует JavaScript, как это.

<img src="#" onclick="jwplayer().load({file:'http://christiantvonline.net/streams/HTVG_2.mp4'}); jwplayer().play();" />

Если вы нажмете на первый эскиз на этой странице, вы увидите, что видео пытается загрузить, а затем умирает.

Может кто-нибудь помочь с этим, пожалуйста, или лучший способ добиться этого, игрок является Jwplayer.

Answer 1

Существует ряд проблем, связанных со структурой / целостностью кода на странице, на которую вы ссылаетесь, однако ответ на конкретный вопрос заключается в следующем:

При указании значения привязки (#) в качестве атрибута HREF в теге A (вы не используете тег IMG, как предложено, в противном случае это будет работать!), Страница будет обычно перезагружаться - в зависимости от браузера, по крайней мере, в первый раз.,

В результате, если вы собираетесь использовать JavaScript для выполнения действия и не хотите, чтобы действие ссылки по умолчанию происходило, вам необходимо остановить его как часть инструкций JavaScript:

event.preventDefault();

Таким образом, основной код будет выглядеть примерно так:

<a href="#" onclick="event.preventDefault(); jwplayer().load({file:'http://christiantvonline.net/streams/HTVG_2.mp4'}); jwplayer().play();">
    <img src="url-to-image.jpg">
</a>

В качестве альтернативы, вы можете добавить к изображению атрибут "onclick" (как вы и предполагали) и удалить тег A, обертывающий IMG.

Ваш CSS уже применяет эффекты ролловера к элементу изображения (не к тегу A), поэтому вам может понадобиться добавить следующее, чтобы он выглядел как ссылка:

cursor:pointer;