Question

我正在使用wordpress ACF在以下网站上将视频嵌入iframe中：sofiajannok.com 视频在滚动到视频时开始播放，该功能本身可以正常工作，并且在正确播放之前，但是现在它陷入了“加载循环”。如果您按一下iframe中的播放按钮，它将立即播放。任何想法是什么问题？

php（带选项的iframe）

System.Web

JS功能：

<div class="slide-content cf">  
        <?php
        $iframe = get_field('slide_video_oembed', $page_ID);
        if($iframe): ?>

        <div class="vid-fullscreen">
            <?php   
                // get iframe HTML


                // use preg_match to find iframe src
                preg_match('/src="(.+?)"/', $iframe, $matches);
                $src = $matches[1];


                // add extra params to iframe src
                $params = array(
                    'controls'    => 1,
                    'hd'        => 1,
                    'rel'   => 0,
                    'autoplay' => 0,
                );


                $new_src = add_query_arg($params, $src);
                $enableJS = '&enablejsapi=1';
                $new_src .= $enableJS;
                $iframe = str_replace($src, $new_src, $iframe);


                // add extra attributes to iframe html
                $attributes = 'allowfullscreen';

                $iframe = str_replace('></iframe>', ' ' . $attributes . '></iframe>', $iframe);
                // echo $iframe
                echo $iframe;
                ?>
        </div>
        <? endif; ?>
</div>

Answer 1

一段时间以来，在移动设备上禁用了带有声音的视频自动播放功能，最近，该功能也开始在桌面浏览器上禁用。网页不应尝试在没有用户交互（例如“点击播放”）的情况下自动播放视频。

唯一的解决方案是忘记视频自动播放，并向用户显示“播放”按钮，以便用户可以选择何时开始播放视频。

iframe视频开始滚动时卡在

1 个答案: