Wordpress 嵌入式 mp4 视频控件显示快速然后在桌面上消失但不是移动

Question

我正在使用自定义 WordPress 模板页面来显示自动播放的视频，并且应该显示控件供用户在将鼠标悬停在视频上时使用。

使用桌面浏览器时，视频会按预期自动播放而没有声音，但屏幕上的控件 flash 非常快，除非我将浏览器 window 的大小调整为更小的尺寸，否则我无法让它们再次出现。

视频控件在移动设备上按预期工作，并且仅在将浏览器调整为较小尺寸时。

如何修复它，以便当用户将鼠标悬停在视频上时，无论浏览器大小如何，视频控件都会显示？

我没有收到任何错误，我也尝试对视频进行 iframe 处理，但没有任何显示。

我还尝试删除引导类 embed-responsive 和 embed-responsive-16by9 ，但仍然没有修复。

          <div class="row" id="image-area">
                    <div class="col-md-10 offset-md-2">
                        <div class="image-container">
                            <img loading="lazy" width="1084" height="722" 
         alt="Background Video" class="d-none" src="

    
           <?php echo 
           get_stylesheet_directory_uri(); ?>/report/img/ar-s01-video.png" />
                            <div class="embed-responsive embed-responsive-16by9">
                                <?php if(get_field('video')) : ?>
                                    <video id="newVideo" controls 
           class="video-fluid z-depth-1" autoplay loop muted playsinline>
                                    <source src="<?php echo get_field('video')['url']; ? 
           >" type="<?php echo get_field('video')['mime_type']; ?>" />
                                  </video>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="container mobile" id="content-area">
                
                        
                            <h1><?php echo get_field('title_mobile'); ?></h1>
                        </div>
                    </div>
                </div>
                <div class="row" id="image-area">
                    <div class="col-md-12">
                        <div class="image-container">
                            <img loading="lazy" width="1084" height="722" 
            alt="Background Video" class="d-none" src="<?php echo 
            get_stylesheet_directory_uri(); ?>/report/img/ar-s01-video.png" />
                            <div class="embed-responsive embed-responsive-16by9">
                              <?php if(get_field('video')) : ?>
                                  <video id="newVideo" controls class="video-fluid z- 
           depth-1" autoplay loop muted playsinline>
                                    <source src="<?php echo get_field('video')['url']; ? 
            >" type="<?php echo get_field('video')['mime_type']; ?>" />
                                  </video>
                              <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>