在移动页面刷新后无法播放Vimeo视频

时间:2019-01-12 19:53:56

标签: jquery video vimeo vimeo-api vimeo-player

我第一次可以播放vimeo视频。 当我刷新页面时,vimeo视频无法播放。

下面是我的代码:

HTML代码:

<iframe id="video_frame" frameborder="0" allowfullscreen="" src="https://player.vimeo.com/video/<?php echo get_field('about_mobile_vimeo_id'); ?>?api=1&amp;autoplay=1&amp;background=1&amp;badge=0&amp;byline=0&amp;fullscreen=1&amp;portrait=0&amp;title=0"  allow="autoplay; encrypted-media"></iframe>

jQuery:

jQuery(window).load(function(e){
        e.preventDefault();
       if (screen.width < 767) {
            var iframe = document.querySelector('#video_frame');
            var player = new Vimeo.Player(iframe);

            player.on('play', function(e) {
                e.preventDefault();
                console.log('played the video!');
            });

        }
    });

0 个答案:

没有答案