Question

我正在为html使用Django模板，所以请忽略变量插入。这适用于一切，但移动。

<video class="video-js vjs-big-play-centered" controls preload="auto"
                       poster="{% thumbnail video.thumbnail_image 960x0 %}" data-setup="{'fluid': true, nativeControlsForTouch: true}">

                  {% get_local_formats video.format_info_sources LANGUAGE_CODE as language_formats %}
                  {% for format in language_formats %}
                    <source src="{{ format.url }}" type="video/{{ format.suffix }}">
                  {% endfor %}

                  {% sort_subtitles video.all_subtitles LANGUAGE_CODE as sorted_subtitles %}
                  {% for subtitle in sorted_subtitles %}
                    <track kind="captions" src="{{ subtitle.url }}" srclang="{{ subtitle.lang }}"
                           label="{{ subtitle.language }}"
                           {% if forloop.first and subtitle.lang != video.language %}default{% endif %}>
                  {% endfor %}
                  <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a browser that <a
                      href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
                  </p>

这是JS部分，因为我使用的是自定义播放按钮。

 $('.cms-video-play-button').on('click', function(event) {
    $(this).hide();
    $(this).prev('.video-preview').hide();
    $(this).next('.video-js').show().find('.vjs-poster').click();
    event.preventDefault();
  });

当我点击手机上的播放按钮时，该按钮仍然消失，所以我希望仍会触发点击事件。它只是不播放视频。 .vjs-poster虽然在DOM中。

有人可以告诉我我的错误是什么吗？非常感谢您的阅读！

为什么Video JS不会在移动设备上播放带有on.click事件的视频？

0 个答案: