Oznaka <source>

Oznaka <source> se uporablja za določanje več medijskih virov za medijske elemente kot so <video>, <audio> in <picture>. Oznaka <source> nam omogoča, da določimo alternativne video/audio/slikovne datoteke, med katerimi lahko brskalnik izbira glede na podporo brskalnika ali širino vidnega polja. Brskalnik bo izbral prvi <source> (slo. Vir), ki ga podpira, v primeru, da damo več audio, video ali picture datotek skupaj.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>kaj uporabiti za določanje več medijskih virov</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<video width="500" height="300" controls>
    <source src="/video/website.mp4" type="video/mp4">
</video>
<br><hr><br>
<audio controls>
    <source src="/audio/chimes.wav" type="audio/wav">
</audio>
<br><hr><br>
<picture>
    <source media="(min-width: 750px)" srcset="/demo/smiley-heart.png">
    <source media="(min-width: 580px)" srcset="/demo/smiley-face.png">
    <img src="/demo/smiley-hand.png" alt="Smeško" style="width: auto;">
</picture>
<br><hr><br>
</body>
</html>

REZULTAT