Question

在将静态文件添加到Amazon S3之后，已购买的引导程序theme中的我的视频剪辑（在Djando应用程序中）缓慢加载。每2秒钟加载会暂停一次。如何解决这样的问题？是否有特殊的存储桶来处理此类文件？减少影片？更改文件类型？如何验证其他用户的显示效果是否很好。

templates.html

    <!-- Hero-->
    <section class="module-cover parallax fullscreen text-center" id="home" data-background="{% static 'assets/video/video_massage.png' %}" data-jarallax-video="mp4:{% static 'assets/video/video_massage.mp4' %},webm:{% static 'assets/video/video_massage.webm' %},ogv:{% static 'assets/video/video_massage.ogv' %}" data-overlay="0.45">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="m-b-20"><strong>Szukasz najlepszego <br> masażysty?</strong></h1>
                    <p class="m-b-40">Skorzystaj z jedynego w swoim rodzaju studia masażu wschodniego Kashima.  <br> Zrelaksuj się, odpręż i wypełnij swoje ciało nową energią.</p>
                    <a class="btn btn-lg btn-circle btn-outline-new-white" href="#" data-toggle="modal" data-target="#modal-2">Umów się na spotkanie</a></p>
                </div>
            </div>
        </div>
    </section>
    <!-- Hero end-->

文件大小（在templates.html中使用）：

OGV movie - 17,9 MB time(54 second)

MP4 movie - 32,7 MB time(54 second)

WEBM movie - 12,9 MB time(54 second)

在youtube上添加后，我的猫看起来像这样：

    <section class="module-cover parallax fullscreen text-center" id="home" data-background="{% static 'assets/video/video_massage.png' %}" data-jarallax-video="https://www.youtube.com/watch?v=KnaYSHZTzCk&feature=youtu.be" data-overlay="0.45">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="m-b-20"><strong>Szukasz najlepszego <br> masażysty?</strong></h1>
                    <p class="m-b-40">Skorzystaj z jedynego w swoim rodzaju studia masażu wschodniego Kashima.  <br> Zrelaksuj się, odpręż i wypełnij swoje ciało nową energią.</p>
                    <a class="btn btn-lg btn-circle btn-outline-new-white" href="#" data-toggle="modal" data-target="#modal-2">Umów się na spotkanie</a></p>
                </div>
            </div>
        </div>
    </section>

settings.py

MEDIA_URL = '/media/'

MEDIA_ROOT = os.path.join(BASE_DIR, 'app/media')

CRISPY_TEMPLATE_PACK = 'bootstrap4'

#<-------------Elements Amazon3S --------->
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'app/static'),
]

AWS_ACCESS_KEY_ID = ''
AWS_SECRET_ACCESS_KEY = ''
AWS_STORAGE_BUCKET_NAME = 'massage-app'
AWS_S3_CUSTOM_DOMAIN = '%s.s3.amazonaws.com' % AWS_STORAGE_BUCKET_NAME

AWS_S3_OBJECT_PARAMETERS = {
    'CacheControl': 'max-age=86400',
}

AWS_LOCATION = 'static'
STATICFILES_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
STATIC_URL = "https://%s/%s/" % (AWS_S3_CUSTOM_DOMAIN, AWS_LOCATION)

DEFAULT_FILE_STORAGE = 'app_rama.storage_backends.MediaStorage'
#<-------------Elements Amazon3S end -------------->

在django应用程序中在Amazon S3.amazon上添加静态文件后，主引导滑块中的视频加载缓慢。

0 个答案: