Làm cách nào để tự động phát video có âm thanh trong HTML?

Các thuộc tính chúng ta có thể bao gồm là

• 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
• type Đây sẽ là video/mp4 vì. mp4 là định dạng của video chúng tôi đang sử dụng. Chúng tôi cũng có thể sử dụng các định dạng video khác nhau như. ogg hoặc. webm thì giá trị của thuộc tính type sẽ lần lượt thay đổi thành video/ogg hoặc video/WebM

Ghi chú. một số định dạng video phổ biến là WebM, Ogg, MP4

http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4" type="video/mp4">

Chúng tôi vừa chuyển các thuộc tính sang phần tử nguồn

Bây giờ, tại sao chúng ta muốn làm điều đó?

Chà, trong hầu hết các trường hợp, với video, chúng tôi sẽ có nhiều nguồn vì chúng tôi cần cung cấp các loại tệp khác nhau tùy thuộc vào trình duyệt nào đang xem video của bạn vì các trình duyệt khác nhau hỗ trợ các loại tệp khác nhau

Video sẽ trông giống hệt nhau. Nhưng bây giờ chúng tôi có hỗ trợ trình duyệt rộng hơn

Bây giờ, nếu chúng ta muốn thêm các thuộc tính như controls,

|-- project
    |-- audio
      |-- sample.mp3
      |-- sample.ogg
    |-- css
      |-- main.css
      |-- normalize.css
    index.html

|-- project
    |-- audio
      |-- sample.mp3
      |-- sample.ogg
    |-- css
      |-- main.css
      |-- normalize.css
    index.html

Phần tử âm thanh

Phần tử

|-- project
    |-- audio
      |-- sample.mp3
      |-- sample.ogg
    |-- css
      |-- main.css
      |-- normalize.css
    index.html

Chúng tôi có thể sử dụng phần tử âm thanh để phát tệp âm thanh trên trang web của mình — chẳng hạn như tệp mp3

Bây giờ, giống như thẻ video, có hai cách khác nhau để thực hiện việc này

• Sử dụng một thẻ duy nhất đại diện cho toàn bộ phần tử
• Mở và thẻ đóng với các phần tử con ở giữa

Bây giờ, chúng tôi sẽ có thẻ âm thanh mở và đóng, sau đó chúng tôi sẽ thêm phần tử nguồn ở giữa

Cấu trúc thư mục có thể trông như thế này

|-- project
    |-- audio
      |-- sample.mp3
      |-- sample.ogg
    |-- css
      |-- main.css
      |-- normalize.css
    index.html

Không có thuộc tính điều khiển nào được cung cấp cho phần tử

|-- project
    |-- audio
      |-- sample.mp3
      |-- sample.ogg
    |-- css
      |-- main.css
      |-- normalize.css
    index.html

|-- project
    |-- audio
      |-- sample.mp3
      |-- sample.ogg
    |-- css
      |-- main.css
      |-- normalize.css
    index.html

Bây giờ, bạn có thể thấy rằng chỉ có một số điểm khác biệt chính ở đây. Giá trị trong thuộc tính type được thay đổi từ “video/mp4” thành “audio/mp3”. Trong thuộc tính src, chúng tôi đã thay đổi từ tệp video có. mp4 thành tệp âm thanh với. phần mở rộng mp3

Bây giờ, giống như phần tử video, chúng tôi thực sự sẽ không thể dừng hoặc bắt đầu âm thanh mà không có bất kỳ điều khiển nào. Vì vậy, chúng tôi sẽ thêm thuộc tính controls vào phần tử âm thanh

Làm cách nào để tự động phát video trong HTML có âm thanh?

Chúng tôi có thể tự động phát video có âm thanh không?

Chúng tôi có thể phát âm thanh và video trong HTML không?

Làm cách nào để tự động phát âm thanh trong HTML mà không cần điều khiển?