Việc sử dụng thuộc tính điều khiển được sử dụng với thẻ âm thanh và video của html là gì?

Đúng như tên gọi, thẻ được sử dụng để hiển thị các tệp video trên trình duyệt. Bạn có thể hiển thị video chia tay mà bạn đã tạo trên trang web của mình bằng thẻ này. Có giới hạn về loại tệp video để bạn hiển thị trên trang web. Bạn chỉ có thể sử dụng. mp4,. web và. các loại tệp ogg. Ngoài điều này, các định dạng sẽ không được hiển thị trên trang web

Bây giờ, chỉ cần đặt các thẻ này trong văn bản HTML không đảm bảo rằng video của bạn sẽ được hiển thị. Đường dẫn đến video của bạn phải được chỉ định. Bạn có thể làm điều đó bằng cách sử dụng

nhãn

cú pháp


         

Trên đây là cú pháp của thetag. Như bạn có thể thấy, chúng tôi đã cung cấp đường dẫn của tệp mp4 bằng thuộc tính 'src'. Điều này sẽ hiển thị video của bạn trên trang web của bạn

Bây giờ giống như thế này, có nhiều thuộc tính có sẵn cho thẻ, cho phép bạn làm hầu hết mọi thứ cho video của mình. Hãy xem các thuộc tính

Thuộc tính

Các thuộc tính trong thẻ HTML được sử dụng để thêm một số chức năng tùy chỉnh vào thẻ của chúng tôi. Nó được sử dụng để cung cấp thêm thông tin về các thẻ của bạn, chẳng hạn như điều khiển, chiều rộng, chiều cao, v.v. Ở trên, chúng ta đã thấy rằng chỉ cung cấp atag là không đủ. Bạn phải viết thuộc tính 'src' cùng với thẻ và chuyển đường dẫn của video để video được hiển thị. Dưới đây là danh sách các thuộc tính mà bạn có thể sử dụng bên trong thẻ

  1. Chiều rộng và Chiều cao - Thuộc tính Chiều cao và Chiều rộng được sử dụng để chỉ định chiều cao và chiều rộng của kích thước video trong HTML. Nói chung, mỗi video có một kích thước cụ thể, chẳng hạn như 16×9 (Chế độ xem dọc) hoặc 9×16 (Chế độ xem ngang). Theo cách tương tự, bạn có thể chọn chiều rộng và chiều cao của độ phân giải video của mình

Thí dụ


  



  


đầu ra

Tôi hy vọng bạn có thể hiểu kích thước của video đã thay đổi như thế nào. Đơn vị của các giá trị bạn chuyển vào các thuộc tính này luôn là pixel. Giá trị càng lớn, kích thước sẽ càng lớn

  1. điều khiển Thuộc tính này cho phép chúng tôi hiển thị các điều khiển khác nhau như phát, tạm dừng, điều chỉnh âm lượng, biểu tượng toàn màn hình và 3 dấu chấm thậm chí cho phép bạn tải xuống tệp video trên video của mình. Bạn chỉ cần viết các điều khiển dưới dạng thuộc tính

Thí dụ


  

đầu ra

Trên đầu ra, giờ đây bạn có thể thấy các điều khiển như nút phát và tạm dừng, nút âm thanh, nút toàn màn hình, v.v.

  1. poster Bất cứ khi nào một video được hiển thị trên màn hình, phải mất một thời gian để tải xuống và sau đó hiển thị. Nếu kích thước tệp lớn và khả năng kết nối thấp, bạn có thể thấy biểu tượng tải. Thay vào đó, bạn có thể sử dụng thuộc tính poster để thêm hình ảnh vào video, hình ảnh này sẽ biến mất sau khi video được tải đầy đủ

Thí dụ


  

đầu ra

Lưu ý rằng hình ảnh đang được hiển thị thay vì biểu tượng tải đó. Hình ảnh sẽ ở đó cho đến khi và trừ khi bạn phát video

  1. bị tắt tiếng Giả sử rằng video của bạn có một số bản nhạc và ban đầu bạn không muốn bản nhạc đó được phát khi phát video. Bạn có thể sử dụng thuộc tính này để làm điều đó. Hãy xem ví dụ


  

đầu ra

Khi bạn phát video, bạn sẽ không nghe thấy bất kỳ âm thanh nào vì video sẽ bị tắt tiếng

  1. tự động phát Thuộc tính này sẽ làm gì là nó sẽ tự động phát video ngay sau khi video được tải xuống đầy đủ. Người dùng sẽ không phải nhấn nút phát vì video sẽ tự bắt đầu. Hạn chế duy nhất ở đây là bạn phải sử dụng thuộc tính "tắt tiếng" cùng với thuộc tính "tự động phát"


  

đầu ra

Bây giờ, như bạn có thể thấy, video đang được phát tự động

Thuộc tính vòng lặp cho phép chúng tôi lặp lại một video cụ thể với số lần vô hạn. Ngay sau khi video kết thúc, nó sẽ bắt đầu lại từ đầu. Hãy xem ví dụ


  

đầu ra

Phát video cho đến hết và bạn sẽ thấy video sẽ tiếp tục phát lại từ đầu

  1. tải trước Thuộc tính này cho phép bạn hỏi người dùng xem họ muốn tải video của bạn như thế nào sau khi tải trang. Về cơ bản, nó có ba giá trị - tự động, siêu dữ liệu và không
  • giá trị tự động sẽ tải toàn bộ video khi tải trang
  • giá trị siêu dữ liệu sẽ chỉ tải siêu dữ liệu của video khi tải trang
  • không có giá trị nào sẽ không tải video khi tải trang


  



  



  

đầu ra

HTML cung cấp một số thuộc tính toàn cầu. Như cái tên 'toàn cầu', chúng ta có thể nhận được gợi ý rằng các thuộc tính này có thể được sử dụng bởi tất cả các thành phần của HTML. Dưới đây là danh sách tất cả các thuộc tính toàn cầu

AttributeDescriptionaccesskeyChỉ định một phím tắt để kích hoạt/tiêu điểm một phần tửclassChỉ định một hoặc nhiều tên lớp cho một phần tử (tham chiếu đến một lớp trong biểu định kiểu)contenteditableChỉ định nội dung của một phần tử có thể chỉnh sửa được hay khôngcontextmenuChỉ định một menu ngữ cảnh cho một phần tử. Trình đơn ngữ cảnh xuất hiện khi người dùng nhấp chuột phải vào phần tửdata-*Được sử dụng để lưu trữ dữ liệu tùy chỉnh riêng tư cho trang hoặc ứng dụngdir Chỉ định hướng văn bản cho nội dung trong phần tử có thể kéo được. Chỉ định liệu một phần tử có thể kéo được hay không vùng thả xuống. Chỉ định liệu dữ liệu được kéo có được sao chép, di chuyển hay không

HTML có một số thuộc tính sự kiện toàn cầu được gọi bất cứ khi nào một sự kiện xảy ra trên trình duyệt của bạn, như click chuột, keyup, keydown, mousemove, onload, ondrag, v.v. Bất cứ điều gì bạn làm để tương tác với giao diện của trình duyệt đều là một sự kiện. Và thetag hỗ trợ tất cả. Bạn có thể tìm thấy toàn bộ danh sách Thuộc tính sự kiện trên Trang web Scaler

Thẻ HTML


Giống như thẻ được sử dụng để thêm tệp video vào trang web của bạn, thẻ được sử dụng để thêm tệp vào trang web của bạn. HTML5 cung cấp thẻ này để bạn có thể nhúng các tệp nhạc/âm thanh vào tài liệu HTML của mình thay vì sử dụng bất kỳ plugin của bên thứ ba nào (Thư viện bên ngoài). Có 3 loại tệp mà bạn có thể thêm vào thẻ âm thanh

cú pháp

________số 8

Trên đây là cú pháp sử dụng file âm thanh trong văn bản HTML. Bây giờ chỉ viết điều này là không đủ. Bạn phải chỉ định đường dẫn tệp của tệp âm thanh trong thuộc tính src. Chúng ta sẽ thấy chúng trong phần thuộc tính. Về cơ bản, thetag gần giống như thẻ video. Ngay cả một số thuộc tính cũng giống nhau. Hãy xem một vài trong số đó

Thuộc tính

Tôi hy vọng bây giờ bạn đã hiểu rõ hơn về các thuộc tính là gì. Vì vậy, không có gì khó chịu, hãy bắt đầu với cái đầu tiên. -

  1. src Thuộc tính 'src' được sử dụng để thêm tệp âm thanh vào tài liệu HTML của bạn. Bạn phải cung cấp đường dẫn của tệp âm thanh tại đây và sau đó chỉ âm thanh mới được phát trên trình duyệt

Thí dụ

 

Mặc dù thao tác này thêm tệp âm thanh vào trang web của bạn nhưng bạn sẽ không thể nhìn thấy tệp đó. Điều này là do bạn sẽ phải thêm một thuộc tính khác được gọi là "điều khiển", thuộc tính này sẽ cung cấp cho bạn các điều khiển như các nút phát, tạm dừng và âm thanh, giống như thẻ video

Ở đây chúng tôi chỉ thêm một tệp âm thanh, (. mp3). Nếu trình duyệt không hỗ trợ loại tệp âm thanh này thì sao? . Ví dụ, nếu. mp3 không được hỗ trợ, sau đó tôi sẽ thêm một tệp khác (giả sử. ogg). Tệp này sẽ hoạt động như một tệp sao lưu nếu. mp3 không được phát

Tại thời điểm này, bạn không thể sử dụng thuộc tính src bên trong thẻ vì "src" chỉ có thể có một đường dẫn tệp. Chúng tôi cần thêm nhiều hơn 1 đường dẫn tệp. Đó là lý do tại sao bạn phải chỉ định một thẻ riêng cho thẻ được gọi là

Hãy hiểu bằng cách sử dụng ví dụ cuối cùng


  



  


0

Như bạn có thể thấy, tôi đã sử dụng hai tệp âm thanh ở đây. Kết quả là, chúng ta phải sử dụng

nhãn
  1. điều khiển Thuộc tính tiếp theo là thuộc tính điều khiển được sử dụng để hiển thị các điều khiển như phát, tạm dừng, tắt tiếng, v.v. , vào trình duyệt. Bạn phải cung cấp một thuộc tính điều khiển bên trong thẻ để nó được hiển thị


  

đầu ra

Bạn có thể xem các điều khiển của tệp âm thanh dưới dạng đầu ra

  1. autoplay Thuộc tính này được sử dụng để phát âm thanh tự động ngay khi tải trang hoặc ngay khi tệp âm thanh được tải xuống đầy đủ. Nhưng gần đây, tính năng "autoplay" này đã bị vô hiệu hóa đối với phiên bản Google Chrome mới nhất. Bạn có thể chạy mã trên Mozilla, Microsoft Edge và Google Chrome cũ. Dưới đây là một ví dụ


  

đầu ra

Bạn không thể thấy tự động phát âm thanh vì nó đã bị tắt trong Google Chrome. Nhưng nếu bạn thử chạy mã này trên bất kỳ trình duyệt nào khác, chắc chắn bạn sẽ thấy âm thanh tự động phát

  1. bị tắt tiếng Thuộc tính bị tắt tiếng được sử dụng để tắt âm thanh của âm thanh khi tải trang. Bạn có thể thấy một dấu thập bên cạnh thanh âm lượng cho biết âm thanh đã bị tắt tiếng;

Thí dụ


  

đầu ra

Từ đầu ra, bạn có thể thấy âm thanh bị tắt. Đó là do thuộc tính tắt tiếng

Thuộc tính này được sử dụng để phát âm thanh trên một vòng lặp. Âm thanh sẽ bắt đầu phát lại từ đầu sau khi âm thanh được phát xong cho đến khi kết thúc. Điều này sẽ tiếp tục vô tận

Thí dụ


  

đầu ra

Phát âm thanh cho đến hết và bạn sẽ thấy âm thanh bắt đầu lại. Đó là do thuộc tính "vòng lặp"

Các cách khác để thêm tệp âm thanh vào Tài liệu HTML của bạn

Thetag không phải là cách duy nhất để thêm tệp âm thanh vào trình duyệt của bạn. Có 3 cách khác để làm như vậy. Hãy xem từng người trong số họ -

  1. Phần tử đối tượng Phần tử đối tượng là một thẻ HTML nhằm mục đích cho phép chúng tôi đưa vào các loại phương tiện khác nhau trên các trang web của mình, chẳng hạn như âm thanh, video, ảnh và PDF. Nó không được sử dụng thường xuyên vì nó không được hỗ trợ bởi phần lớn các trình duyệt. Và cách thức thực hiện nó phụ thuộc vào loại phương tiện mà chúng tôi đang đính kèm

Thí dụ


  



  


5

đầu ra

Như bạn có thể thấy, chúng tôi đã sử dụng thẻ đối tượng để hiển thị tệp hình ảnh và video thay vì và thẻ.

  1. Thẻ neo Thẻ neo được sử dụng để tạo liên kết đến trang web của bạn, khi được nhấp vào, sẽ chuyển hướng bạn đến đích đó. Cho rằng thẻ neo chỉ yêu cầu một đường dẫn, nếu chúng tôi cung cấp đường dẫn đến tệp âm thanh của mình, nó sẽ chuyển hướng đến tệp âm thanh. Hãy xem ví dụ sau


  



  


6

Đoạn mã này sẽ tạo hai liên kết - Âm thanh 1 và Âm thanh 2. Và nếu bạn nhấp vào một trong các liên kết, nó sẽ mở ra một tab mới để bạn phát tệp âm thanh cụ thể đó. Sau đây là đầu ra -

Nói chung, phương pháp này không thích hợp hơn vì thẻ neo tạo chuyển hướng không cần thiết trên trang web của bạn khi người dùng muốn xem nội dung trên cùng một trang

Tại sao thuộc tính điều khiển được sử dụng trong thẻ âm thanh và video?

Thuộc tính điều khiển HTML để chỉ định điều khiển phát âm thanh . Đó là giá trị Boolean. Thuộc tính này là mới trong HTML5.

Thuộc tính nào được sử dụng để kiểm soát thẻ âm thanh và video trong HTML?

Thuộc tính

Việc sử dụng thuộc tính điều khiển trong HTML là gì?

Thuộc tính điều khiển là thuộc tính boolean. Khi xuất hiện, nó chỉ định rằng các điều khiển âm thanh/video sẽ được hiển thị .

Mục đích của thuộc tính điều khiển trong phần tử âm thanh HTML là gì?

Thuộc tính điều khiển thêm các điều khiển âm thanh, như phát, tạm dừng và âm lượng . Phần tử