Nhúng đa phương tiện vào html

Các tệp đa phương tiện như âm thanh, nhạc và video thêm một số năng lượng và sự thú vị cho các trang. Sử dụng mã đã có sẵn trong nhiều năm nay, bạn có thể nhúng bất kỳ loại tệp đa phương tiện nào

Trang này được cập nhật lần cuối vào ngày 21-08-2012


Đang tải xuống đa phương tiện

Cần phải nói thẳng rằng bạn có thể chỉ cần cho phép tải xuống các yếu tố đa phương tiện từ trang web của mình bằng một thẻ liên kết đơn giản

download song

Điều này đôi khi thích hợp hơn là nhúng tệp vào một trang, vì điều đó có nghĩa là người đọc có thể tiếp tục nhưng vẫn tiếp tục tải xuống tệp. Sau khi tệp được tải xuống [một phần hoặc toàn bộ, tùy thuộc vào việc đó có phải là phương tiện phát trực tuyến hay không], tệp sẽ được mở trong chương trình thích hợp trên máy tính của người dùng. Tất cả những gì bạn phải lo lắng trong tình huống đó là liệu độc giả của bạn có những chương trình cần thiết hay không. Họ có thể sẽ làm như vậy, nhưng bạn nên cung cấp liên kết để tải xuống các trang web [xem danh sách trong hộp Tài nguyên khác ở bên phải]

Điều đó nói rằng, hướng dẫn này là về nhúng, vì vậy tôi sẽ đi thẳng vào vấn đề đó ngay bây giờ, nhưng bạn nên luôn đưa phương pháp này vào làm tùy chọn

mẹo nguồn. Internet vẫn là một nơi rất chậm và có một khoảng cách đáng kể giữa tốc độ tải xuống của người dùng băng thông rộng và modem kém của chúng tôi. Vì vậy, bất cứ khi nào có thể, hãy cung cấp tệp lớn, vừa và nhỏ để tải xuống, để phục vụ cho tất cả người đọc

Bao gồm kích thước tệp của tệp trên trang để chúng tôi có thể ước tính mất bao lâu để tải xuống

nhúng âm thanh

Nhúng một tệp có nghĩa là đặt nó trong dòng, giống như cách một hình ảnh được đặt trên một trang. Từ đó nó sẽ được phát thông qua trình duyệt của bạn. Trình duyệt của bạn sẽ sử dụng một plug-in để thực hiện điều này

Bổ sung

Plug-in là những phần mềm nhỏ bổ sung thêm chức năng cho phần mềm mẹ của chúng. Trình duyệt của bạn sẽ không có khả năng tự phát các tệp đa phương tiện, nhưng bằng cách sử dụng một trình cắm đi kèm, trình duyệt sẽ có cơ hội trông giống như nó đang tự xử lý tất cả. Plug-in chỉ hoạt động bên trong chương trình đang sử dụng nó, thay vì phải chạy một chương trình hoàn toàn mới để xử lý tệp

Nhiều plug-in hiện đi kèm với các trình duyệt mới và nếu bạn cần một plug-in khác để phát một tệp nhất định, chẳng hạn như FLash, một hộp thường sẽ mở ra hỏi bạn có muốn tải xuống plug-in không. Người dùng của cả hai trình duyệt sẽ nhận được »QuickTime

Phần tử

Ghi chú xác thực

Kỹ thuật sử dụng thẻ dưới đây thực sự không phải là cách tốt nhất để thực hiện. Thẻ này không phải là một phần của bất kỳ thông số kỹ thuật chính thức nào, vì vậy trang của bạn sẽ không hợp lệ nếu bạn sử dụng . Đó chắc chắn là phương pháp dễ nhất, nhưng vì nó được viết nên một số kỹ thuật đã được thiết kế để cho phép nhúng đa phương tiện hợp lệ.

Bạn nên đọc phần còn lại của trang này, vì nó chứa lời khuyên về cách tốt nhất để trình bày nội dung đa phương tiện. Tuy nhiên, trước khi bạn triển khai trang của mình, bạn cũng nên xem Flash Satay và nhúng Quicktime tuân thủ các tiêu chuẩn. Tiếp tục với chương trình

là thẻ bạn sẽ sử dụng để thêm các khía cạnh đa phương tiện vào trang của mình. Đây là một ví dụ và mã đang hoạt động

Vâng, bây giờ chúng tôi đang rãnh. Tôi thích bài hát này [tình cờ là bài này hay bị nhầm là nhạc của game khét tiếng » GoldenEye deathmatch level Citadel. Đối với hồ sơ, nó không phải là. ]. Tùy thuộc vào chương trình bạn đã thiết lập trên máy tính của mình để xử lý các tệp midi, bạn sẽ nhận được giao diện thu nhỏ để điều khiển quá trình phát lại. Đây là mã đã làm cho tất cả xảy ra


Sorry, your browser doesn't support the embedding of multimedia.

Nhiều thuộc tính trong thẻ embed được bạn biết đến từ thẻ hình ảnh, như chiều cao, chiều rộng, hspace và vspace. Có vài cái mới nữa

autostart="..."Điều này đặt xem tệp có nên bắt đầu phát ngay hay không. Nó có thể là true hoặc false. Nếu bạn đặt nó thành false, tệp sẽ không phát cho đến khi người dùng nhấn nút phát. Tôi khuyên bạn nên để người đọc quyết định khi nào bật nó lên, vì có một bài hát bất ngờ phát ra từ loa của bạn thường là một điều tồi tệ. download song0Điều này chỉ định xem tệp sẽ bắt đầu lại sau khi kết thúc và lặp mãi mãi hay dừng sau một lần phát. Đúng hay sai. download song1Một lần nữa thuộc tính true hoặc false, thuộc tính này hỏi liệu các nút điều khiển và thanh tiến trình có hiển thị trên màn hình hay không. Tuy nhiên, việc xóa những thứ này hơi nguy hiểm, vì nếu người dùng không có quyền kiểm soát tệp, cách duy nhất họ có thể ngăn chặn nó là thoát khỏi trang của bạn

Bạn nên sử dụng các thuộc tính download song2 và download song3 để điều chỉnh hộp cho phù hợp với tệp đang được phát. Bạn có thể cắt giảm chiều rộng của hộp điều khiển để loại bỏ các nút không cần thiết ở bên phải và chỉ giữ lại những nút hữu ích trong chế độ xem. Sửa đổi chiều cao đảm bảo rằng khu vực trình phát video không xuất hiện. Kiểm tra trang của bạn với một số chương trình khác nhau được thiết lập để xử lý tệp

Bạn có thể sử dụng thẻ giống như thuộc tính download song5 của hình ảnh, để cung cấp cho người dùng nội dung thay thế nếu trình duyệt của họ không hỗ trợ thẻ nhúng [hoặc họ đã tắt phát đa phương tiện trong tùy chọn trình duyệt của họ]. Các trình duyệt có khả năng sẽ bỏ qua nội dung download song6

nhúng video

Nhúng video YouTube

Không cần phải loay hoay với mã nhúng và mã không chuẩn, cách dễ nhất để đưa video lên trang web của bạn chỉ đơn giản là tải video đó lên YouTube rồi nhúng phiên bản video của họ vào trang web của bạn. Ở bên cạnh hầu hết các trang YouTube là một đoạn mã trông giống như thế này


  
  
  
  

Chỉ cần dán vào trang của riêng bạn và trình phát video YouTube Flash sẽ xuất hiện tại thời điểm đó. Điều này giải quyết hầu hết các vấn đề về khả năng tương thích xảy ra khi tự nhúng video [bên dưới]

Nhúng video của riêng bạn

Để tự nhúng video, điều mà tôi nhấn mạnh là không còn được khuyến nghị nữa, bạn sử dụng cùng một thẻ và thuộc tính như đối với âm thanh. Sự khác biệt duy nhất đến từ cách bạn sử dụng hai trong số các thuộc tính. Thứ nhất, không sử dụng thuộc tính download song7 vì điều này sẽ ẩn video cùng với các điều khiển

Ngoài ra, download song2 và download song3 mà bạn đặt kích thước của trình phát không được nhỏ hơn kích thước thực tế mà video đã được lưu trong đó. Nếu không, bạn đang tải xuống một video lớn hơn bạn cần. Nếu bạn muốn phát video trong không gian nhỏ hơn không gian, trước tiên hãy thay đổi kích thước video trong trình chỉnh sửa video

Tôi sẽ không nhúng video vào trang này vì video luôn là các tệp lớn. Chúng cũng thường chiếm một lượng không gian hợp lý trên trang của bạn. Khi bạn nhúng phim, tôi khuyên bạn nên có thứ gì đó khác trên trang để thu hút sự quan tâm của người dùng. Có thể là tiêu đề và một số thông tin về nội dung của video; . Cố gắng làm theo một số nguyên tắc để giữ cho nội dung có thể truy cập được

Lựa chọn định dạng của bạn là một điều quan trọng. bạn có nên sử dụng. di chuyển,. mpeg hoặc. avi? . mov, vì trình phát QuickTime có thể phát trên cả hai trình duyệt và trên cả PC và Mac. Nó cũng có khả năng nén tốt, nghĩa là cân bằng tốt giữa kích thước và chất lượng tệp. Khi cung cấp một tệp để tải xuống, hãy cung cấp tệp ở nhiều định dạng để những người sử dụng các chương trình khác nhau vẫn có thể xem video

Làm cách nào để sử dụng đa phương tiện trong HTML?

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

Bạn có thể nhúng những loại đa phương tiện nào vào HTML?

Đó có thể là hầu hết mọi thứ bạn có thể nghe hoặc nhìn thấy, như hình ảnh, nhạc, âm thanh, video, bản ghi, phim, hoạt ảnh và . Các trang web thường chứa các yếu tố đa phương tiện thuộc các loại và định dạng khác nhau.

Chúng tôi có thể nhúng video vào HTML không?

DOM HTML xác định các phương thức, thuộc tính và sự kiện cho phần tử . Điều này cho phép bạn tải, phát và tạm dừng video cũng như đặt thời lượng và âm lượng.

Làm cách nào để chèn video mp4 vào HTML?

Cách nhúng video và âm thanh vào HTML của bạn .
src Thuộc tính này là viết tắt của nguồn, rất giống với thuộc tính src được sử dụng trong phần tử hình ảnh. Chúng tôi sẽ thêm liên kết đến tệp video trong thuộc tính src
gõ Đây sẽ là video/mp4 bởi vì. mp4 là định dạng của video chúng tôi đang sử dụng

Chủ Đề