Bạn có thể nhúng phim vào tài liệu HTML bằng các ví dụ bên dưới. Để tương thích, chúng tôi khuyên bạn nên sử dụng định dạng video MP4, định dạng này được hỗ trợ bởi tất cả các trình duyệt và hệ điều hành chính
Mẹo
Lưu trữ phim trên máy chủ của bạn có thể tốn kém do chi phí băng thông. Một cách khác là lưu trữ video trên YouTube và nhúng liên kết video YouTube vào trang web của bạn
Ghi chú
Không phải tất cả các đề xuất dưới đây đều hoạt động với tất cả các trình duyệt. Đảm bảo rằng giải pháp bạn quyết định sử dụng hoạt động với các trình duyệt mà bạn muốn hỗ trợ
Liên kết đến các tập tin phim
Các ví dụ dưới đây cung cấp các phương pháp khác nhau để làm cho tệp video có thể xem được từ cửa sổ trình duyệt. Chúng tôi cũng khuyên bạn nên tạo liên kết tải xuống trực tiếp tới tệp, liên kết này cho phép khách truy cập tải xuống tệp nếu phim không phát trong trình duyệt. Dưới đây là hai ví dụ về liên kết trực tiếp cho hai tệp video trong trang này
Robot ổ đĩa mềm
Mã HTML
<a href="//www.computerhope.com/issues/floppy2.avi">Floppy drive robot</a>Thương mại Linux của IBM
Mã HTML
<a href="//www.computerhope.com/issues/ibm-linux.mov">IBM Linux commercial</a>Nhúng video YouTube
Lưu trữ video trên YouTube là điều tuyệt vời vì nó tiết kiệm chi phí băng thông, có thể hỗ trợ người xem không giới hạn và giới thiệu video của bạn tới khách truy cập của trang web Internet nhất. Dưới đây là ví dụ về video được lưu trữ trên YouTube và được nhúng trên trang web này
Mã HTML
Mã HTML cho tất cả các video YouTube được tìm thấy thông qua liên kết chia sẻ được tìm thấy trên mọi video YouTube. Khi bạn đã nhấp vào liên kết Chia sẻ, hãy nhấp vào liên kết Nhúng. Dưới đây là một ví dụ về mã được sử dụng để hiển thị video YouTube ở trên
<object height="350" width="425"><param name="movie" value="//www.youtube.com/v/R3ymHMgFAps">
<param name="wmode" value="transparent">
<embed height="350" src="//www.youtube.com/v/R3ymHMgFAps?rel=0" type="application/x-shockwave-flash" width="425" wmode="transparent"> </object>
thẻ video
The tag is an HTML tag designed to display videos in all modern browsers. The tag supports MP4, Ogg, and WebM video formats and can be implemented with a single HTML tag.
Your browser does not support the tag.Mã HTML
<video controls>Your browser does not support the <video> tag.<source src="/jargon/m/computer-hope.mp4"/>
</video>
Thẻ nhúng cơ bản
Dưới đây là mã cho phương pháp cơ bản nhất để nhúng tệp vào trang web
Ví dụ mã HTML
<embed src="//www.computerhope.com/issues/floppy2.avi"></embed>Trong ví dụ này, bạn đang sử dụng phần tử nhúng để trỏ đến nguồn của tệp phim mà bạn muốn phát. Ví dụ này là một ví dụ cơ bản và sẽ không hiển thị bất kỳ cảnh báo nào. Nó không trỏ người dùng đến một vị trí để tải xuống phần bổ trợ nếu tệp video không được hỗ trợ
Thêm tệp phim bằng thẻ img
If you don't want to use the tag, you can also include a movie file using the Nhúng thẻ để phát phim QuickTime (. MOV)
Các tệp phim Apple QuickTime là một loại phim phổ biến khác trên Internet. Dưới đây là ví dụ cơ bản về cách đưa các tệp này vào trang web của bạn
Ghi chú
QuickTime không còn được hỗ trợ trên Microsoft Windows và tất cả các trình duyệt mới không còn hỗ trợ phương pháp nhúng phim QuickTime này
Ví dụ mã HTML
<embed src="//www.computerhope.com/issues/ibm-linux.mov" Pluginspage="//support.apple.com/quicktime" width="320" height="250" CONTROLLER="true" LOOP="false" AUTOPLAY="false" name="IBM Video"></embed>Trong ví dụ nhúng, phần đầu tiên của mã trỏ đến src (nguồn) của tệp phim, chính là tệp phim. Tiếp theo, pluginspage là nơi chứa plug-in nếu người truy cập chưa cài đặt. Chiều rộng và chiều cao là kích thước thực tế của tệp video. Giá trị Bộ điều khiển có thể được đặt thành đúng hoặc sai để chuyển đổi hiển thị các điều khiển dưới cùng
Mẹo
Bạn có thể muốn tăng chiều cao của tệp video nếu bạn không thể nhìn thấy bộ điều khiển
Vòng lặp là cài đặt khi bạn muốn tệp tự động bắt đầu lại khi hoàn tất. Cuối cùng, tự động phát báo cho trình duyệt bắt đầu hoặc không bắt đầu phát tệp video sau khi tải xong trang
Nhập thuộc tính cho thẻ nhúng để chỉ định phần bổ trợ
Trong thẻ nhúng, bao gồm thuộc tính loại để chỉ định loại MIME cho tệp video. Làm như vậy cho phép bạn chỉ định trình cắm cần thiết để phát video trong trình duyệt
Ví dụ mã HTML
<embed src="//www.computerhope.com/issues/floppy2.avi" type="video/x-msvideo"></embed>Trong ví dụ trên, thuộc tính loại được đặt thành video/x-msvideo, đây là loại MIME cho các tệp video AVI
Để xác định giá trị để gán cho thuộc tính loại cho các loại tệp video khác, hãy kiểm tra danh sách các loại MIME cho tệp video trên trang