Xin chào các lập trình viên. Chào mừng đến với blog Codewithrandom. Hôm nay chúng ta học cách thêm đa phương tiện vào Html Code. Chúng tôi tìm hiểu cách thêm Hình ảnh, Video và Âm thanh cũng như cách nhúng video YouTube vào trang web của bạn bằng HTML
QUẢNG CÁO
1. Cách thêm hình ảnh vào Html
QUẢNG CÁO
Chúng ta thêm ảnh vào HTML bằng cách sử dụng thẻ image, thẻ image dùng để chèn ảnh vào HTML nên trong thẻ ảnh chúng ta có 2 thuộc tính 1tag là thẻ file là src=” Nơi chúng ta chèn đường dẫn file để chèn ảnh và 2tag là alt=” Thẻ Alt
Mã của Cách thêm hình ảnh vào HTML
QUẢNG CÁO
đầu ra
QUẢNG CÁO
Hơn 5 dự án HTML CSS với mã nguồn
2. Cách thêm video vào HTML
Chúng tôi thêm thẻ video để chèn video vào trang web HTML của chúng tôi. Chúng tôi có nhiều thuộc tính trong thẻ video. Thẻ đầu tiên là thẻ nguồn trong thẻ nguồn này, chúng tôi chèn đường dẫn tệp vào thuộc tính src và chúng tôi có thuộc tính loại nên chúng tôi cung cấp mp4/Ogg
Mã của Cách thêm video vào HTML
QUẢNG CÁO
đầu ra
- Có một ảnh chụp màn hình video của chúng tôi trên một trang web, chúng tôi có thêm một số thẻ để kiểm soát video của mình
2. Tự động phát- video tự động bắt đầu khi chúng tôi sử dụng các thuộc tính Tự động phát trong thẻ video của mình
3. Điều khiển – thẻ điều khiển cho phép phát/tạm dừng và một số điều khiển khác đối với video của chúng tôi trên trang web
Hơn 100 dự án JavaScript với mã nguồn [Người mới bắt đầu đến nâng cao]
3. Cách thêm âm thanh vào HTML
Chúng tôi thêm âm thanh vào trang web của mình bằng thẻ âm thanh đơn giản, thẻ này rất giống với thẻ video HTML
QUẢNG CÁO
Tạo trang web du lịch bằng HTML & CSS
QUẢNG CÁO
Mã cách thêm âm thanh vào HTML
đầu ra
Về cơ bản, chúng tôi sử dụng thẻ âm thanh và dễ dàng đặt nó vào src nhưng để hiểu rõ hơn, chúng tôi sử dụng nguồn trong thẻ âm thanh hoặc video của mình. Ngoài ra, ở đây chúng tôi xác định loại âm thanh của mình và đây là âm nhạc/âm thanh của chúng tôi đã sẵn sàng để xem trên trang web. Ngoài ra, chúng tôi sử dụng thẻ điều khiển mà chúng tôi sử dụng trong thẻ video của mình để kiểm soát để chúng tôi sử dụng trong âm thanh để kiểm soát phát/tạm dừng và tăng/giảm âm lượng nhạc
4. Cách thêm video Youtube vào HTML
Thêm video YouTube vào HTML cũng là đa phương tiện, vì vậy trước tiên, chúng tôi truy cập YouTube và sao chép bất kỳ liên kết video nào và hãy tạo thẻ iframe. Tôi biết đó là thẻ mới cho một số Người mới bắt đầu. Tôi cũng là Người mới bắt đầu, vì vậy hãy tạo thẻ iframe bên trong chỉ xác định chiều rộng và chiều cao
Mã của Cách thêm video youtube vào HTML
QUẢNG CÁO
QUẢNG CÁO
đầu ra
QUẢNG CÁO
QUẢNG CÁO
Trang web phòng tập thể dục đáp ứng bằng HTML, CSS & JavaScript
QUẢNG CÁO
Trong bài đăng này, chúng tôi tìm hiểu cách thêm đa phương tiện vào HTML, như hình ảnh, video và âm thanh cũng như tìm hiểu cách nhúng video YouTube vào HTML bằng mã hóa đơn giản. Nếu chúng tôi đã làm sai hoặc có bất kỳ sự nhầm lẫn nào, vui lòng gửi bình luận để trả lời hoặc giúp bạn học tập dễ dàng
Trong bài đăng trên blog này, chúng tôi sẽ thảo luận về Cách thêm đa phương tiện vào HTML với mã nguồn hoàn chỉnh để bạn có thể chỉ cần sao chép và dán chúng vào dự án của riêng mình
Ngày nay, một trong những điều quan trọng nhất trên web là phương tiện truyền thông. Vì vậy, tất cả các nhà phát triển và chủ sở hữu trang web muốn làm cho trang web của họ hấp dẫn và tương tác. Vì họ cần đưa phương tiện vào trang web của họ. Có rất nhiều loại phương tiện, âm thanh, video, v.v. Có nhiều cách khác nhau để đưa các phương tiện đó vào trang web. Mỗi loại phương tiện yêu cầu một cách cụ thể. Tất cả các cách có thể được đề cập và mô tả bên dưới từng cái một
Các cách khác nhau để thêm phương tiện vào trang HTML
- Sử dụng thẻ Âm thanh HTML. Thẻ này được sử dụng để đưa loại phương tiện âm thanh vào trang web
- Sử dụng thẻ video HTML. Thẻ này được sử dụng để đưa loại phương tiện video vào trang web
ví dụ 1. Ví dụ dưới đây minh họa việc thêm loại phương tiện âm thanh vào trang HTML. Nhà phát triển có thể sử dụng tệp src của riêng họ để triển khai