HTML5視頻：是否有使用源元素在src屬性

Question

根據HTML5視頻元素的MDN documentation任何優惠，src屬性是可選的：

源：視頻的URL嵌入。這是可選的;您可以改用視頻塊中的<source>元素來指定要嵌入的視頻。

是否有原因使用<source>作爲一種方法好或壞？或者，從字面上看，這只是一種不同的做法嗎？

Answer 1

如果你想有不同的來源，你需要源標籤來聲明它們。這是src屬性無法實現的。

使它在所有的瀏覽器 - 使用 <video>元素中<source>元素。 <source>元素可以鏈接到不同的視頻文件。 瀏覽器將使用第一個可識別的格式：

骰W3school

Answer 2

您需要的源代碼，如果你有一個以上的源文件（你不能有兩個src屬性）。通常你應該至少有一個.mp3和.ogg版本的每個文件，以確保與所有瀏覽器的兼容性，所以實際上，你確實需要這個源標籤。

Answer 3

source元素允許您僅使用HTML定義不同的格式。如果第一個源文件不能被讀取，瀏覽器將嘗試下一個源文件，依此類推。

與src屬性，你只有一個鏡頭 - 即，如果在HTML中使用。

使用JavaScript可以將src屬性與canPlayType() method相結合，以確定是否一個類型的格式可以播放，如果這一呼籲的結果是非空，則使用表示該類型文件的鏈接設置src。這爲您提供了比HTML中預定義的源更多的條件場景。