3-3. CloudFlare 동영상 업로드 방법

👉🏻 클라우드 플레어 동영상 업로드

📌 로그인 하시고 아래링크로 이동
📌 https://dash.cloudflare.com/
📌 아래 사진 따라 (1)Stream → Videos 클릭
📌 가운데 (2) Drop video here or click to browse 클릭해서 동영상 업로드

👉🏻 동영상 삽입 태그 가져오는 방법

📌 동영상이 업로드되면 아래 사진처럼 리스트에 생성됩니다
📌 Ready (준비됨) 상태에서만 태그를 가져올수 있어요 (Uploading 상태라면 조금만 기다려주세요)
📌 생성된 동영상 제목을 클릭합니다.

📌 아래와 사진 순서대로 (1)Embed(포함) 클릭
📌 (2)옵션 입니다 아래 사진처럼 체크해야 PC&모바일 자동재생이 됩니다(controls 체크빼주세요..)
* controls : 재생,정지 컨트롤 박스 (체크 안하는게 더이뻐요)
* autoplay : 자동재생
* loop : 무한재생
* muted : 음소거 (음소거를 안하면 자동재생이 안됩니다)
📌 (3) 복사 버튼입니다. 복사를 해주세요

👉🏻 메인페이지 동영상 변경

📌 위에서 코드를 복사해서 그대로 붙여넣기를 하면 됩니다

<div style="position: relative; padding-top: 50%;">
  <iframe
    src="https://customer-ebgd4h6ovz7lsphd.cloudflarestream.com/34c3cf978202e411a1e203b2908e2147/iframe?muted=true&loop=true&autoplay=true&poster=https%3A%2F%2Fcustomer-ebgd4h6ovz7lsphd.cloudflarestream.com%2F34c3cf978202e411a1e203b2908e2147%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false"
    loading="lazy"
    style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
    allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
    allowfullscreen="true"
  ></iframe>
</div>

👉🏻 화질보정 가이드

📌 위에서 src 코드 맨끝에 코드추가 `&clientBandwidthHint=1000`
📌 아래는 예시 입니다

<div style="position: relative; padding-top: 50%;">
  <iframe
    src="https://customer-ebgd4h6ovz7lsphd.cloudflarestream.com/34c3cf978202e411a1e203b2908e2147/iframe?muted=true&loop=true&autoplay=true&poster=https%3A%2F%2Fcustomer-ebgd4h6ovz7lsphd.cloudflarestream.com%2F34c3cf978202e411a1e203b2908e2147%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false&clientBandwidthHint=1000"
    loading="lazy"
    style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
    allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
    allowfullscreen="true"
  ></iframe>
</div>

Made with SlashPage