HTML <source> ƙaddama

Kwarewa da amfani

Tag yana amfani da shi don yin amfani da kowane wuri na media (wanda zai iya amfani da shi). <video>,<audio> da <picture>Daga baya, yana kama mutum wanda zai iya amfani da shi tare da kowane wuri da ke cikin.

Tag yana ba shi damar nuna abin da zai iya amfani da shi tare da tag video/audio/image, browser za a zabi wanda zai iya amfani da shi kamar yadda yake da nasara. Browser za a zabi wanda zai iya amfani da shi kamar yadda yake da nasara. 。

Duba kuma:

Kungiyar Taimakon HTML:HTML ɗanɗi

Kungiyar Taimakon HTML:HTML ɗanɗi

Mananar Hukumar HTML DOM:Object Source

Duba

Shirin Tatsuniya 1

Haka na yau, ita ce wuri mai wucin wucin da ya ƙaranci ƙalmome na ƙasa biyu. Browser za a zabi wanda zai iya amfani da shi kamar yadda yake da nasara. :

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Mai yin amfani da kai na iya yin tasiri tare da tag <audio>.
</audio>

Sake samun kara kai.

Shirin Tatsuniya 2

A amfani da shi a <video>. A gudanar da wasan kwaikwayo:

<video width="640" height="400" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Mai yin amfani da kai na iya yin tasiri tare da tag <video>.
</video>

Sake samun kara kai.

Shirin Tatsuniya 3

A amfani da shi a <picture>. Ga yin tasiri don kula dade wanda zai iya amfani da shi tare da tsarin sha'awar wakilcin yanar gizo.

<picture>
  <source media="(min-width:650px)" srcset="flowers-1.jpg">
  <source media="(min-width:465px)" srcset="flowers-2.jpg">
  <img src="flowers-3.jpg" alt="Flowers" style="width:auto;">
</picture>

Sake samun kara kai.

Tarihin shafin

全局属性

标签还支持 HTML 中的全局属性。

事件属性

标签还支持 HTML 中的事件属性。

默认的 CSS 设置

无。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。