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

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

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

![Image](https://upload.cafenono.com/image/slashpageHome/20240605/002123_q7oKehDOFUpdAkHxnT?q=75&s=1280x180&t=outside&f=webp)

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

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

![Image](https://upload.cafenono.com/image/slashpageHome/20240605/000230_roVJmfXHMybc3440hs?q=75&s=1280x180&t=outside&f=webp)

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

![Image](https://upload.cafenono.com/image/slashpageHome/20240605/000148_6oK5TlNA3r2NZWGBbe?q=75&s=1280x180&t=outside&f=webp)

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

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

```javascript
<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` 
> 📌 아래는 예시 입니다
> 

```javascript
<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>
```

For the site tree, see the [root Markdown](https://slashpage.com/amaewo.md).