Menu
×

Được chứng nhận

Ghi lại kiến ​​thức của bạn

Đăng nhập Đăng ký

Tạo Tài khoản Example.com.vn miễn phí để cải thiện trải nghiệm học tập của bạn

Người tìm đường và việc học của tôi

Theo dõi tiến độ học tập của bạn tại Example.com.vn và thu thập phần thưởng

Nâng cấp

Trở thành người dùng PLUS và mở khóa các tính năng mạnh mẽ (không có quảng cáo, lưu trữ, hỗ trợ, ..)

Bắt đầu từ đâu

Bạn không chắc chắn muốn bắt đầu từ đâu? Đi theo con đường được hướng dẫn của chúng tôi

Trình chỉnh sửa mã (Dùng thử)

Với trình chỉnh sửa mã trực tuyến của chúng tôi, bạn có thể chỉnh sửa mã và xem kết quả trong trình duyệt của mình

Video

Tìm hiểu những điều cơ bản về HTML qua video hướng dẫn thú vị và hấp dẫn

Mẫu

Chúng tôi đã tạo một loạt mẫu trang web đáp ứng mà bạn có thể sử dụng - miễn phí!

Web hosting

Lưu trữ trang web của riêng bạn và chia sẻ nó với mọi người với Example.com.vn Spaces

Tạo một máy chủ

Tạo máy chủ của riêng bạn bằng Python, PHP, React.js, Node.js, Java, C#, v.v.

Làm thế nào để

Bộ sưu tập lớn các đoạn mã cho HTML, CSS và JavaScript

Khung CSS

Xây dựng các trang web nhanh và phản hồi bằng cách sử dụng khung W3.CSS miễn phí của chúng tôi

Thống kê trình duyệt

Đọc xu hướng dài hạn của việc sử dụng trình duyệt

Tốc độ gõ

Kiểm tra tốc độ đánh máy của bạn

Đào tạo AWS

Tìm hiểu dịch vụ web của Amazon

Bộ chọn màu

Sử dụng công cụ chọn màu của chúng tôi để tìm các màu RGB, HEX và HSL khác nhau. Bánh xe màu hình tròn thể hiện sự chuyển màu trong quang phổ

Trò chơi mã

Trò chơi mã hóa W3Schools! Giúp linh miêu thu thập nón thông Logo Lynx

Đặt mục tiêu

Nhận hành trình học tập được cá nhân hóa dựa trên các kỹ năng và mục tiêu hiện tại của bạn

Bản tin

Tham gia bản tin của chúng tôi và có quyền truy cập vào nội dung độc quyền mỗi tháng

Việc làm

Thuê những tài năng công nghệ hàng đầu. Hợp lý hóa quy trình tuyển dụng của bạn để có đội ngũ phù hợp hoàn hảo

Lớp học

Hãy liên hệ để sử dụng Example.com.vn Plus và các chứng chỉ với tư cách là một tổ chức giáo dục

×
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP CÁCH W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS AN NINH MẠNG DỮ LIỆU KHOA HỌC

Hướng dẫn HTML

HTML TRANG CHỦ HTML Giới thiệu HTML Trình soạn thảo HTML Các phần tử HTML cơ bản Thuộc tính HTML Tiêu đề HTML Đoạn HTML Kiểu HTML Định dạng HTML Trích dẫn HTML Nhận xét HTML Màu sắc HTML HTML CSS Liên kết HTML Hình ảnh HTML HTML Favicon Tiêu đề trang HTML Bảng HTML Danh sách HTML Khối HTML & Nội tuyến HTML Div Lớp HTML HTML Id HTML Iframe HTML JavaScript Đường dẫn tệp HTML Đầu HTML Bố cục HTML HTML HTML đáp ứngmáy tính HTML Ngữ nghĩa HTML Hướng dẫn kiểu HTML Thực thể HTML Biểu tượng HTML Biểu tượng cảm xúc HTML Bộ ký tự HTML URL HTML Mã hóa HTML so với XHTML

Biểu mẫu HTML

Biểu mẫu HTML Thuộc tính biểu mẫu HTML Thành phần biểu mẫu HTML Loại đầu vào HTML Thuộc tính đầu vào HTML Thuộc tính biểu mẫu đầu vào

Đồ họa HTML

HTML Canvas HTML SVG

Phương tiện HTML

Phương tiện HTML HTML Video HTML Âm thanh HTML Plug-ins HTML YouTube

API HTML

Định vị địa lý HTML Kéo/thả HTML Lưu trữ web HTML Công nhân web HTML SSE

Ví dụ về HTML

Ví dụ về HTML Trình chỉnh sửa HTML Câu đố HTML Bài tập HTML Trang web HTML Chuẩn bị phỏng vấn HTML Chứng chỉ HTML Bootcamp HTML Tóm tắt HTML Khả năng truy cập HTML

Tài liệu tham khảo HTML

Danh sách thẻ HTML Thuộc tính HTML Thuộc tính toàn cầu HTML Hỗ trợ trình duyệt HTML Sự kiện HTML Màu sắc HTML HTML Canvas HTML Âm thanh/Video Kiểu tài liệu HTML Bộ ký tự HTML Mã hóa URL HTML HTML Lang Mã Thông báo HTTP Phương thức HTTP Bộ chuyển đổi PX sang EM Phím tắt bàn phím

Video YouTube HTML


Cách dễ nhất để phát video bằng HTML là sử dụng YouTube.


Bạn đang gặp khó khăn với các định dạng video?

Việc chuyển đổi video sang các định dạng khác nhau có thể khó khăn và tốn thời gian.

Một giải pháp dễ dàng hơn là để YouTube phát video trên trang web của bạn.


Id video YouTube

YouTube sẽ hiển thị id (như tgbNymZ7vqY) khi bạn lưu (hoặc phát) video.

Bạn có thể sử dụng id này và tham khảo video của mình bằng mã HTML.


Phát video YouTube bằng HTML

Để phát video của bạn trên một trang web, hãy làm như sau:

  • Tải video lên YouTube
  • Ghi lại id video
  • Xác định phần tử <iframe> trong trang web của bạn
  • Để thuộc tính src trỏ tới URL video
  • Sử dụng thuộc tính widthheight để chỉ định kích thước của trình phát
  • Thêm bất kỳ tham số nào khác vào URL (xem bên dưới)

Ví dụ

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
Hãy tự mình thử »

Tự động phát YouTube + Tắt tiếng

Bạn có thể để video của mình bắt đầu phát tự động khi người dùng truy cập trang bằng cách thêm autoplay=1 vào URL YouTube. Tuy nhiên, việc tự động bắt đầu một video sẽ gây khó chịu cho khách truy cập của bạn!

Lưu ý: Trình duyệt Chrome không cho phép tự động phát trong hầu hết các trường hợp. Tuy nhiên, tính năng tự động phát bị tắt tiếng luôn được cho phép.

Thêm mute=1 sau autoplay=1 để video của bạn bắt đầu phát tự động (nhưng bị tắt tiếng).

YouTube - Tự động phát + Tắt tiếng

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
Hãy tự mình thử »


Danh sách phát YouTube

Danh sách video được phân tách bằng dấu phẩy để phát (ngoài URL gốc).


Vòng lặp YouTube

Thêm loop=1 để video của bạn lặp lại mãi mãi.

Giá trị 0 (mặc định): Video sẽ chỉ phát một lần.

Giá trị 1: Video sẽ lặp lại (mãi mãi).

YouTube - Vòng lặp

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
Hãy tự mình thử »

Kiểm soát YouTube

Thêm controls=0 để không hiển thị các điều khiển trong trình phát video.

Giá trị 0: Điều khiển trình phát không hiển thị.

Giá trị 1 (mặc định): Hiển thị điều khiển trình phát.

YouTube - Điều khiển

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>
Hãy tự mình thử »

×

Liên hệ bán hàng

Nếu bạn muốn sử dụng dịch vụ của Example.com.vn với tư cách là một tổ chức giáo dục, nhóm hoặc doanh nghiệp, hãy gửi email cho chúng tôi:
[email được bảo vệ]

Báo cáo lỗi

Nếu bạn muốn báo cáo lỗi hoặc nếu bạn muốn đưa ra đề xuất, hãy gửi email cho chúng tôi:
[email được bảo vệ]

Example.com.vn được tối ưu hóa cho việc học tập và đào tạo. Các ví dụ có thể được đơn giản hóa để cải thiện khả năng đọc và học. Các hướng dẫn, tài liệu tham khảo và ví dụ liên tục được xem xét để tránh sai sót, nhưng chúng tôi không thể đảm bảo tính chính xác hoàn toàn của mọi nội dung. Khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng , chính sách cookie và quyền riêng tư của chúng tôi.

Bản quyền 1999-2024 của Refsnes Data. Đã đăng ký Bản quyền. Example.com.vn được cung cấp bởi W3.CSS .