Hướng dẫn html video youtube - html video youtube

1) ID của một video là gì ?

- ID là mã số dùng để nhận dạng một video trên Youtube.nhận dạng một video trên Youtube.

(mỗi video sẽ được gán với một ID duy nhất, không có trường hợp ID của các video bị trùng nhau)

- Ví dụ: Chuỗi ký tự được bôi đen bên dưới chính là ID của đoạn video "Thor: Ragnarok"

Hướng dẫn html video youtube - html video youtube

2) Cách chèn một đoạn video trên Youtube vào trang web

- Để chèn một đoạn video trên Youtube vào trang web thì chúng ta sử dụng cú pháp như sau:





	Xem ví dụ
	


	

Xem ví dụ

- Dưới đây là một số thuộc tính được sử dụng bên trong thẻ để cài đặt khung Youtube.

(các bạn vui lòng tấm vào hình để tìm hiểu chi tiết chức năng và cách sử dụng của từng thuộc tính) để tìm hiểu chi tiết chức năng và cách sử dụng của từng thuộc tính)

allowfullscreen

- Thiết lập chế độ cho phép người dùng mở rộng toàn màn hình.

frameborder

- Tùy chỉnh việc có hiển thị đường viền bao xung quanh khung Youtube hay không.

width

- Thiết lập chiều rộng của khung Youtube.

height

- Thiết lập chiều cao của khung Youtube.

3) Các tham số trên URL

- Khi chèn một đoạn video trên Youtube vào trang web, ngoài việc sử dụng các thuộc tính được nêu trong mục hai để thiết lập cho cái khung thì ta còn có thể sử dụng thêm các tham số (parameter) trên URL.

- Cú pháp:

- Dưới đây là những tham số được sử dụng trên URL để hỗ trợ cho việc thiết lập khung Youtube.

controls

- Tùy chỉnh việc có hiển thị thanh công cụ điều khiển đoạn video Youtube hay không.

playlist

- Thiết lập chế độ chơi video theo dạng danh sách.

start

- Xác định thời điểm bắt đầu đoạn video.

- Lưu ý: Nếu muốn thiết lập nhiều tham số, các bạn cần phải đặt một dấu & nằm giữa các tham số.& nằm giữa các tham số.

- Không hiển thị thanh công cụ điều khiển đoạn video & đoạn video sẽ được bắt đầu ở giây thứ 50





	Xem ví dụ
	


	

Xem ví dụ

- Dưới đây là một số thuộc tính được sử dụng bên trong thẻ để cài đặt khung Youtube.

(các bạn vui lòng tấm vào hình để tìm hiểu chi tiết chức năng và cách sử dụng của từng thuộc tính)

allowfullscreen

- Thiết lập chế độ cho phép người dùng mở rộng toàn màn hình.

Hướng dẫn html video youtube - html video youtube

frameborder

Hướng dẫn html video youtube - html video youtube

- Tùy chỉnh việc có hiển thị đường viền bao xung quanh khung Youtube hay không.

Hướng dẫn html video youtube - html video youtube

width

Hướng dẫn html video youtube - html video youtube





	Xem ví dụ
	


	

Xem ví dụ

- Dưới đây là một số thuộc tính được sử dụng bên trong thẻ để cài đặt khung Youtube.hiển thị hay không hiển thị cái đường viền bao xung quanh khung Youtube.

- Cú pháp:

- Dưới đây là những tham số được sử dụng trên URL để hỗ trợ cho việc thiết lập khung Youtube.

controls

1

- Tùy chỉnh việc có hiển thị thanh công cụ điều khiển đoạn video Youtube hay không.

0

playlist





	Xem ví dụ
	


	
	

Xem ví dụ

- Dưới đây là một số thuộc tính được sử dụng bên trong thẻ để cài đặt khung Youtube.

(các bạn vui lòng tấm vào hình để tìm hiểu chi tiết chức năng và cách sử dụng của từng thuộc tính)

width="value"

allowfullscreen

- Thiết lập chế độ cho phép người dùng mở rộng toàn màn hình.

frameborder

- Tùy chỉnh việc có hiển thị đường viền bao xung quanh khung Youtube hay không.width="400" thì điều đó có nghĩa là khung Youtube sẽ được hiển thị với kích thước chiều rộng là 400 pixel (Xem ví dụ)

width

- Thiết lập chiều rộng của khung Youtube.

height width="70%" thì điều đó có nghĩa là khung Youtube sẽ được hiển thị với kích thước chiều rộng là 350 pixel (Xem ví dụ)

- Thiết lập chiều cao của khung Youtube.

3) Các tham số trên URL

height="value"

allowfullscreen

- Thiết lập chế độ cho phép người dùng mở rộng toàn màn hình.

frameborder

- Tùy chỉnh việc có hiển thị đường viền bao xung quanh khung Youtube hay không.height="400" thì điều đó có nghĩa là khung Youtube sẽ được hiển thị với kích thước chiều cao là 400 pixel (Xem ví dụ)

width

- Thiết lập chiều rộng của khung Youtube.

height height="70%" thì điều đó có nghĩa là khung Youtube sẽ được hiển thị với kích thước chiều cao là 280 pixel (Xem ví dụ)

- Thiết lập chiều cao của khung Youtube.hiển thị hay không hiển thị thanh công cụ điều khiển đoạn video Youtube.

- Tham số controls có thể nhận một trong hai giá trị sau đây:

1

- Thanh công cụ điều khiển đoạn video Youtube sẽ được hiển thị (mặc định)

0

- Thanh công cụ điều khiển đoạn video Youtube sẽ không được hiển thị.





	Xem ví dụ
	


	

Xem ví dụ

- Tham số playlist dùng để thiết lập chế độ chơi video theo dạng danh sách.

- Cú pháp:




	Xem ví dụ
	


	

0





	Xem ví dụ
	


	

1

Xem ví dụ

- Tham số playlist dùng để thiết lập chế độ chơi video theo dạng danh sách.

- Cú pháp:




	Xem ví dụ
	


	

2

- Tham số start dùng để xác định thời điểm bắt đầu đoạn video.





	Xem ví dụ
	


	

3

Xem ví dụ