Дважды щелкните, чтобы перейти в полноэкранный режим без включения управления видео (WordPress / HTML5) - PullRequest
1 голос
/ 29 октября 2019

Мне дали задание создать миниатюру видео, которая, если щелкнуть по ней, приведет пользователя на новую страницу (я уже сделал это). Затем, как только они появятся на новой странице, им будет представлено одно видео в формате mp4 (автозапуск + петля).

Проблема начинается, когда я не могу заставить видео делать что-либо еще, так как элементы управления были скрыты. Я не могу взаимодействовать с этим вообще. Это будет желаемый эффект, если можно было дважды щелкнуть по нему, чтобы открыть его на весь экран, а затем продолжить то, что делалось ранее (цикл).

Я пытался просмотреть всю сеть в надежде, что у кого-то еще есть такая же проблема, но ничего не получено. Есть

player.on ('dblclick', function () {player.requestFullscreen ();});

для JavaScript, но я нахожусь на WordPress и знаю только, как получить доступ к /использовать плагины HTML и CSS +, я не уверен, как решить эту проблему.

Кто-то сказал: «Присоедините слушателя события двойного щелчка (dblclick) к видео, а затем вызовите прослушиватель requestFullScreen для видео.» Однако я не уверен, как его успешно выполнить. или даже если это возможно.

Мой код для видео очень прост, но имейте в виду, что там нет элементов управления, которые вы обычно видите в видео mp4:

цикл автозапуска видео

source src = "https://websitelink.mp4" type =" video / mp4 "
video

Всякий раз, когда я пытаюсь добавить что-либо, напоминающее код JS, WordPress просто игнорирует это или избавляется от видео.

Спасибо, что уделили время!

1 Ответ

0 голосов
/ 29 октября 2019

Обычно темы и расширения Wordpress имеют собственные функции CSS или JS для таких целей. Проверьте, имеет ли тот, который вы используете, это свойство. Если нет, вы можете вставить iframe код видео, ограничив некоторые свойства. Проверьте следующую ссылку для свойств iframe: https://developers.google.com/youtube/player_parameters

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...