# 3.4. Video

Tiện ích **Video** cho phép bạn chèn video trực tiếp vào landing page của mình. Video có thể giúp truyền tải thông điệp mạnh mẽ, giải thích chi tiết sản phẩm/dịch vụ, hoặc tạo ra sự thu hút với khách hàng. Bạn có thể sử dụng video từ nhiều nguồn khác nhau, như tải lên trực tiếp hoặc nhúng từ các nền tảng chia sẻ video.

<figure><img src="/files/7ThhLfswcBI7jRuH7mMk" alt=""><figcaption></figcaption></figure>

## **1. Thêm video vào trang landing page**

* Nhấn vào **Tiện ích** ở thanh sidebar của trình chỉnh sửa.
* Chọn **Video** trong mục **Phương tiện.**
* Chọn phần tử **Video** và kéo vào trang landing page.

<figure><img src="/files/rYvwvmte2mNe2qKZUYft" alt=""><figcaption></figcaption></figure>

## **2. Trình chỉnh sửa video**

### 2.1. Trình chỉnh sửa nội dung

Để mở trình chỉnh sửa **Nội dung,** bạn click vào **Video** muốn chỉnh sửa trên màn hình ⇒ Chọn **Nội dung** trên thanh thiết lập nhanh.

<figure><img src="/files/cdT31eqDfpRVHtXitprF" alt=""><figcaption></figcaption></figure>

* Bạn có thể thiết lập nội dung trên video:
  * **Hiển thị thanh công cụ:** Bật hoặc tắt các điều khiển video như nút phát/tạm dừng, thanh tiến trình, âm lượng,... cho người dùng.
  * **Vòng lặp video:** Khi bật tùy chọn này, video sẽ tự động phát lại từ đầu khi kết thúc, tạo ra một vòng lặp vô tận.
  * **Tự động phát video:** Bật tùy chọn này để video tự động bắt đầu phát khi trang tải xong, mà không cần người dùng nhấn nút "Phát".
  * **Phát âm thanh:** Quyết định có cho phép âm thanh của video phát khi video chạy hay không.

### 2.2. Trình chỉnh sửa thiết kế

Để mở trình chỉnh sửa **Thiết kế,** bạn click vào **Video** muốn chỉnh sửa trên màn hình ⇒ Chọn **Thiết kế** trên thanh thiết lập nhanh.

<figure><img src="/files/T0BU8W0fYISE5UqDikGi" alt=""><figcaption></figcaption></figure>

* **Căn chỉnh:** Giúp bạn căn chỉnh **Video** theo khung chứa, chi tiết [**tại đây**](https://docs.shopone.io/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-thiet-ke/can-chinh).
* **Kích thước:** Trong trình chỉnh sửa thiết kế giúp bạn điều chỉnh kích thước và vị trí của **Video** trên trang landing page, chi tiết [**tại đây**](https://docs.shopone.io/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-thiet-ke/kich-thuoc).
* **Hiển thị:** Cho phép bạn kiểm soát việc hiển thị **Video** trên các thiết bị khác nhau bao gồm máy tính và điện thoại.
* **Thiết kế:** Cho phép bạn thay đổi màu nền và hiệu ứng đổ bóng của **Video** đã chọn, chi tiết [**tại đây**](https://docs.shopone.io/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-thiet-ke/thiet-ke).
* **Đường viền:** Cho phép bạn thêm và tùy chỉnh viền xung quanh của **Video**, bạn cũng có thể điều chỉnh độ bo tròn của viền, chi tiết [**tại đây**](https://docs.shopone.io/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-thiet-ke/duong-vien).

### 2.3. Trình chỉnh sửa nâng cao

Để mở trình chỉnh sửa **Nâng cao,** bạn click vào **Video** muốn chỉnh sửa trên màn hình ⇒ Chọn **Nâng cao** trên thanh thiết lập nhanh.

<figure><img src="/files/i4nHnaSzpe23NW0q8OEw" alt=""><figcaption></figcaption></figure>

* **Hiệu ứng:** Cho phép bạn thêm các hiệu ứng động cho tiện ích trên landing page để tạo sự thu hút và sinh động hơn, chi tiết [**tại đây**](https://docs.shopone.io/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-nang-cao/hieu-ung).
* **Thiết kế đồng bộ Desktop/Mobile:** Cho phép bạn cài đặt tùy chọn đồng bộ thiết kế giữa máy tính và điện thoại, chi tiết [**tại đây**](https://docs.shopone.io/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-nang-cao/dong-bo-thiet-ke-may-tinh-dien-thoai).
* **Kiểu định vị:** Cho phép bạn lựa chọn kiểu định vị phù hợp để tối ưu hóa trang web và mang lại trải nghiệm tốt nhất cho khách hàng, chi tiết [**tại đây**](https://docs.shopone.io/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-nang-cao/kieu-dinh-vi).
* **Tùy chỉnh nâng cao:** Cho phép bạn tùy biến giao diện và hành vi của thành phần thông qua các lớp CSS và mã CSS tùy chỉnh, chi tiết [**tại đây**](https://docs.shopone.io/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-nang-cao/tuy-chinh-nang-cao).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.shopone.io/cac-phan-tu-co-ban/tien-ich-phuong-tien/video.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
