Cách chèn tệp Âm thanh và Video trong Dreamweaver - núm vú

Mặc dù bạn có thể sử dụng Dreamweaver để chèn các tệp video trực tiếp vào một trang web, lời khuyên tốt nhất của chúng tôi là sử dụng một trong những dịch vụ lưu trữ video, như YouTube hoặc Vimeo.

Khi bạn chọn Media từ trình đơn Chèn, bạn sẽ tìm thấy nhiều tùy chọn video và âm thanh. Nếu bạn muốn chèn các tệp video có ở một trong các định dạng cũ hơn và độc quyền hơn, chẳng hạn như Windows Media Video (.wmv) hoặc QuickTime (. Mov), bạn chọn tùy chọn Plugin từ danh sách Media thả xuống trong Insert thực đơn.

Nhấp vào nơi bạn muốn tệp xuất hiện trên trang web của bạn.

1. Chọn Chèn → Phương tiện → HTML5 Video.

2. Bạn cũng có thể nhấp vào danh sách thả xuống trong bảng chèn, chọn Phương tiện, sau đó chọn HTML 5 Video. Một hộp màu xám nhỏ có chứa một biểu tượng phim xuất hiện trong thiết kế của bạn.

   Nhấp vào hộp màu xám nhỏ có chứa một biểu tượng phim.

   

3. Các thuộc tính Video được hiển thị trong Thanh tra Thuộc tính ở cuối màn hình.

   Trong trường Nguồn trong thanh tra Thuộc tính, nhập URL vào tệp video của bạn hoặc chọn biểu tượng Duyệt qua và sau đó chọn một tệp video trên ổ cứng của bạn.

4. Sau khi bạn chọn tập tin, đường dẫn và tên tập tin xuất hiện trong cửa sổ Source.

   (Tùy chọn) Sử dụng trường Alt Source 1 và Alt Source 2 để nhập URL hoặc duyệt qua và chọn video trong các định dạng bổ sung.

   

5. Một trong những sự phức tạp khi sử dụng thẻ video HTML5 là bạn có thể sử dụng nó với ba định dạng video: mp4, Ogg Theora, và webM. Nếu bạn muốn video của mình phát trên tất cả các trình duyệt web phổ biến, bạn cần đưa video vào cả ba định dạng.

   Bạn thấy rằng cả ba trường nguồn được điền vào bằng các video trong mỗi định dạng này. Ngoài ra, bạn có thể bao gồm một video Flash cho các trình duyệt web cũ hơn trong trường Flash Fallback.

   Nếu bạn nghĩ rằng thật là điên khi phải nhúng bốn tệp video khác nhau trong bốn định dạng khác nhau, bạn không phải là một mình. Sự phức tạp này là do thiếu sự đồng thuận giữa các công ty trình duyệt về định dạng nào là tốt nhất cho video.

   Lợi thế khác của việc sử dụng Vimeo hoặc YouTube để lưu trữ các video của bạn là bạn có thể tải lên một video chỉ trong một định dạng và YouTube và Vimeo sẽ chuyển đổi nó và phân phối nó trong tất cả các định dạng này tự động.

   Nhập chiều cao và chiều rộng trong các trường H và W, tương ứng, của Thanh tra Sở hữu.

6. Khi bạn thêm âm thanh hoặc video, Dreamweaver không tự động xác định độ cao và chiều rộng của tệp tin, vì vậy bạn cần phải thêm kích thước vào Inspector Property sau khi bạn chèn tệp.

   Lưu trang và nhấp vào biểu tượng Xem trước (toàn cầu) (ở đầu trang làm việc) để mở trang trong trình duyệt, để đảm bảo tính tương thích.

7. Không phải tất cả định dạng video sẽ phát trong tất cả các trình duyệt. Kiểm tra video của bạn để đảm bảo rằng video đó phát ít nhất trong trình duyệt bạn đang nhắm mục tiêu làm đích đến chính. Nếu bạn đã đặt tệp để Tự động phát, tệp của bạn sẽ tự động phát khi trang tải vào trình duyệt. Nếu không, trình duyệt của bạn chèn một bộ điều khiển đơn giản để bạn có thể bắt đầu, tạm dừng, tua nhanh và tua lại video.