Tebileti <source>

Mifano na matumizi

<source> Inatumiwa kufungua elementi ya media (kama ni picha, video, na audio). <video>,<audio> Na <picture>Inakadiri kufungua media zaidi zaidi.

<source> Inaruhusiwa kufungua video/audio/image ya kina, kifungu cha mtaalamu chakula mmoja yake ya kusimama. <source>.

Tazama pia:

Mwongozo wa HTML:HTML ˈvɪdɪo

Mwongozo wa HTML:HTML ˈɔːdɪo

Mwongozo wa HTML DOM:Inaingia kufanyia kwa uwezo wa <source>.

Mfano

Mfano 1

Hii ni mpiga wa audio na faili za maneno mbili. Kifungu cha mtaalamu chakula mmoja yake ya kusimama. <source>:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Kifungu chako cha mtaalamu kinasimama kufungua labeli za audio.
</audio>

Jaribu kufanya kwa uwezo wako

Mfano 2

Inatumiwa kwenye <video> <source> Play video:

<video width="640" height="400" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Kifungu chako cha mtaalamu kinasimama kufungua labeli za video.
</video>

Jaribu kufanya kwa uwezo wako

Mfano 3

Inatumiwa kwenye <picture> <source> Inaingia kufanyia picha tofauti kwa ukubwa wa viewport:

<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>

Jaribu kufanya kwa uwezo wako

Mafanikio

Mafanikio Inaruhusiwa Inasajili
media Muwongozi wa media Inakulaanisha wengi wa muwongozi wa media, kwa kawaida inafanywa kwenye CSS.
sizes Inakadiri ukurudisha ukubwa wa picha kwa muundo wa ukurasa wa tofauti.
src URL

Inafaa kuanzia URL ya faili ya media.

Hili <source> iweza kufanywa kwenye <audio> na <video>, hii mafanikio ni inayohitajika.
srcset URL

Inaangalia URL ya picha inayotumiwa kwa matukio mbalimbali.

Kwa sababu <source> inatumiwa kwa <picture>, tabia hii inahitajika.
type Aina ya MIME Inaangalia aina ya MIME ya risiki.

Vifaa ya kigeni

<source> Tovuti hizi zinafanana Vifaa ya kigeni kwenye HTML.

Vifaa ya ˈɪvɛnti

<source> Tovuti hizi zinafanana Vifaa ya ˈɪvɛnti kwenye HTML.

Mazingo ya CSS ya kufikia

Hakuna.

Kukimbilia kwa kifaa cha kigeni

Inanotaka namba za kifaa cha kigeni kinakadiriwa kwa kuzingatia tabia hii ya kina.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 10.5