В настоящее время я работаю над сайтом (http://www.pdtv6.com), который содержит анимированные файлы списка и разбит на страницы. Изображения хранятся в облачном виде и отображаются после посещения пользователем сайта. Проблема, с которой я сталкиваюсь, заключается в том, что изображения не загружаются один раз, некоторые загружаются, а другие не загружаются. Обладая небольшими знаниями, которые у меня есть, у меня закончились идеи, и мне нужна помощь, чтобы убедиться, что эти изображения загружаются наиболее важно, они должны быть совместимы с отображением в браузере Safari.
Вот код, который загружает to 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>