> For the complete documentation index, see [llms.txt](https://help.tempi.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.tempi.vn/cac-thanh-phan-co-ban-tren-tempi/phan-tu/video.md).

# Video

Hướng dẫn chi tiết cách sử dụng Video trên Trình kéo thả Website/Landing page

### Cách thêm Video <a href="#cach-them-video" id="cach-them-video"></a>

Tại vị trí mà bạn muốn thêm video, kéo phần tử **Video** vào bố cục có sẵn. Khi vị trí hiển thị màu xanh (ảnh) thì có nghĩa là bạn có thể đặt phần tử vào vị trí đó.

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FUEe5050Pb1BNgNrHCFnD%2Funnamed%20(13).webp?alt=media&amp;token=bc064aa7-be17-4c4d-a127-9df6d5f6232c" alt=""><figcaption></figcaption></figure>

### Cách cài đặt Video <a href="#cach-cai-dat-video" id="cach-cai-dat-video"></a>

Bấm vào phần tử Video -> Bấm vào icon như ảnh minh hoạ để mở bảng Cấu hình video

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FgVokq7ToRuQcgX2hJB3D%2Funnamed%20(14).webp?alt=media&amp;token=18a0d5c1-2575-4467-9f3b-50ade58f109b" alt=""><figcaption></figcaption></figure>

Hướng dẫn theo thứ tự từ trên xuống dưới:

* Đường dẫn Youtube: Nhập đường dẫn Youtube của video
* Dùng đường dẫn video: Nhập đường dẫn bất kỳ của video
* Tải lên video: Tải video lên từ thiết bị (chỉ tải lên video có định dạng MP4, WebM, OGV)
* Tự động phát: Tự động phát video khi vào trang
* Lặp lại: Tự động lặp lại video
* Hiển thị thanh điều khiển video: Bật/Tắt thanh điều khiển video khi trỏ chuột vào video
* Cài đặt Hiệu ứng & Cài đặt Nâng cao

### Cách tuỳ chỉnh kích thước video <a href="#cach-tuy-chinh-kich-thuoc-video" id="cach-tuy-chinh-kich-thuoc-video"></a>

Bấm vào Video -> Bấm vào icon **Tuỳ chỉnh kích thước** để chỉnh chiều rộng của video.

<br>

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2Fwo6owfYb6eGRW39beYcL%2Funnamed%20(15).webp?alt=media&amp;token=fa8eb2c4-7ee4-4427-a867-1f6b33071317" alt=""><figcaption></figcaption></figure>