HTML <source> 标籤

  • ទៅកាន់ទំព័រមុន <small>
  • ទៅកាន់ទំព័របន្ទាប់ <span>

Paglalarawan at Paggamit

<source> Ang tag ay ginagamit upang magbigay ng media element (tulad ng <video>,<audio> at <picture>）Tukuyin ang ilang media resource.

<source> Ang tag ay nagbibigay ng kapahintulutan sa iyo na tiyakin ang alternatibong file ng video/audio/imahe, ang browser ay maaaring pilihin ang unang sumusuporta. <source>.

Mga ibang basahin:

HTML Tutorial:HTML វីដេអូ

HTML Tutorial:HTML អុយតូ

HTML DOM Reference Manual:Source Object

Sample

Halimbawa 1

Ito ay isang audio player na may dalawang file ng audio source. Ang browser ay pilihin ang unang isang sumusuporta. <source>:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Hindi suportado ng iyong browser ang tag na audio.
</audio>

Subukan nang personal

Halimbawa 2

Gamitin sa <video> <source> I-play ang video:

<video width="640" height="400" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Hindi suportado ng iyong browser ang tag na video.
</video>

Subukan nang personal

Halimbawa 3

Gamitin sa <picture> <source> Upang magbigay ng iba't ibang imahe batay sa lapad ng 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>

Subukan nang personal

Katangian

Katangian Halaga Paglalarawan
media Media Query Tinatanggap ang anumang wastong query ng media, karaniwang tinutukoy sa CSS.
sizes Tinutukoy ang laki ng imahe para sa iba't ibang layout ng pahina.
src URL

Ginagamit upang tiyakin ang URL ng midya na file.

Kapag ang <source> ay ginagamit para sa <audio> at <video>, ang katangian na ito ay kinakailangan.
srcset URL

ត្រូវបានប្រើសម្រាប់កំណត់ URL នៃរូបភាពសំរាប់ការប្រើប្រាស់នៅក្នុងស្ថានភាពផ្សេងៗ

នៅពេល <source> ត្រូវបានប្រើនៅ <picture> លក្ខណៈនេះជាចាំបាច់
type MIME ប្រភេទ កំណត់ប្រភេទ MIME នៃធនធាន

លក្ខណៈជាសកល

<source> ស្លាកនេះក៏គាំទ្រ លក្ខណៈជាសកល HTML.

លក្ខណៈឧបត្ថម

<source> ស្លាកនេះក៏គាំទ្រ លក្ខណៈឧបត្ថមក្នុង HTML.

ការកំណត់លក្ខណៈ CSS បណ្តុះបណ្តាល

គ្មាន

ការគាំទ្រនៃកាំជ្រួច

ចំនុចនៅក្នុងតារាងបង្ហាញកំណែតមួយដែលគ្រុនបានគាំទ្រលើលក្ខណៈនេះ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 10.5
  • ទៅកាន់ទំព័រមុន <small>
  • ទៅកាន់ទំព័របន្ទាប់ <span>