Hi.
I use jQuery Modal Video Plugin in the site Hukawati to show some video in modal popup.
So far I have not had problems, but since the last Grav update in the modal window the video appears as Not available, while if I copy the url of the video and show it in a separate window, it does work.
This is the code I use for the modular page that the videos load:
TWIG
{% block stylesheets %}
{% do assets.addCss('theme://css/modal-video.min.css') %}
{% endblock %}
{% block javascripts %}
{% do assets.addJs('theme://js/modal-video.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/jquery-modal-video.min.js', {group:'bottom'}) %}
{% endblock %}
{% block assets deferred %}
{{ assets.css()|raw }}
{{ assets.js()|raw }}
{% endblock %}
<div class="modular-row video-list {{ page.header.class }}" {% if page.header.bg_color %}style="background-color:{{page.header.bg_color}};"{% endif %}>
{{ content|raw }}
<div class="videos">
{% for video in page.header.videos %}
<div class="video">
{% if video.title %}<p><strong>{{video.title|raw}}</strong></p>{% endif %}
{% if video.description %}<p>{{video.description|raw}}</p>{% endif %}
<a href="#" class="js-modal-video" data-video-id="{{ video.id }}">
<div class="video-thumbnail">
<img src="https://i.ytimg.com/vi/{{ video.id|e }}/hqdefault.jpg" alt="{{ video.title|e }}" />
</div>
</a>
</div>
{% endfor %}
</div>
</div>
{% block bottom %}
{{ assets.js('bottom')|raw }}
<script type="text/javascript">
$(".js-modal-video").modalVideo({channel:'youtube'});
</script>
{% endblock %}
This code has been working perfectly so far.
What happened in the latest Grav update to prevent this from working?
Thanks in advance