如何在网站上呈现多个mp4文件

Question

我目前正在使用一个网站（http://www.pdtv6.com），该网站包含列表动画文件并已分页。图像驻留在云端，并在用户访问网站后渲染。我面临的问题是图像不会加载一次，而有些会加载而另一些则不会加载。在我所掌握的知识很少的情况下，我已经没有足够的想法了，我需要有关如何确保最重要地加载这些图像的帮助，它应该与在Safari浏览器中显示兼容。

这是上传到cloudinary的代码：

\Cloudinary\Uploader::upload_large($path.$value['image_name'], [
    'folder' => '********',
    'public_id' => explode('.', $value['image_name'])[0],
    'use_filename' => TRUE,
    'resource_type' => "auto",
    'format' => 'mp4'
]);

渲染云图像的代码在foreach中包裹着：

<div class="col-md-12 col-sm-6 col-6">
    <div class="row">
         <?php foreach ($current_batch as $key => $item):?>
             <div class="col-md-3 p-0 p-1">
                  <div class="card">
                       <a href="******">
                            <?php echo cl_video_tag($item['cloudinary_secure_url'], [
                                 "cloud_name" => ******,
                                 "width"=> 320, 
                                  "height"=> 180, 
                                  "crop"=>"fill",
                                   "autoplay" => true,
                                   "loop" => true,
                                   "fallback_content" => "Your browser does not support HTML5 video tags",
                                    "fetch_format" => "auto",
                                    ]) ?>
                                </a>
                            </div>
                        </div>
                    <?php endforeach ?>
                </div>
            </div>

Answer 1

我尝试访问您的站点：http://www.pdtv6.com/，所有图像均已成功加载，并确认所有图像都通过Cloudinary提供。您还在遇到问题吗？