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

【问题标题】：How to render multiple mp4 files on website如何在网站上呈现多个 mp4 文件
【发布时间】：2020-07-19 16:49:51
【问题描述】：

我目前正在开发一个网站 (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>

【问题讨论】：

标签： php html cloudinary

【解决方案1】：

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

【讨论】：

谢谢。我已经解决了这个问题。我必须根据浏览器的名称保存图像。通过这种方式，我能够操作为 Safari 和其他浏览器显示的格式。