<audio> და <video> ჩაშენებული საშუალებით მედია, ჩაშენებული კონტროლებითა და JavaScript API-ით — დამატებითი პლაგინები არ არის საჭირო.
html
Your browser does not support video.
controls — მის გარეშე, UI არ გამოჩნდება (კონტროლი JS-ის მეშვეობით).<source> — ბრაუზერი იყენებს პირველ ფორმატს, რომელსაც ის მხარს უჭერს (WebM/MP4 cross-browser-ისთვის).poster — ფურცლის სურათი დაკვრის წინ.preload — none / metadata / auto; გამოიყენეთ metadata დიდი ფაილების ჩამოტვირთვის თავიდან ასაცილებლად, სანამ დაჭირდება.autoplay muted loop — ფონის ვიდეოებისთვის (უმეტესი ბრაუზერი მოითხოვს muted-ს autoplay-ის დაშვებისთვის).<track> — წარწერები/სუბტიტრები ხელმისაწვდომობისთვის (.vtt ფაილი).const v = document.querySelector("video");
v.play(); // returns a promise (may reject if autoplay blocked)
v.pause();
v.currentTime = 30; // seek to 30 seconds
v.volume = 0.5;
v.addEventListener("ended", () => console.log("finished"));
<audio> იგივენაირად მუშაობს, მხოლოდ ვიზუალური ჩარჩოსა და პოსტერის გარეშე.
შინაგანი მედია ელემენტები საშუალებას აძლევს cross-browser დაკვრას, ხელმისაწვდომობას (წარწერები <track>-ის მეშვეობით), და სრულ JS API-ს მომხმარებელი პლეერებისთვის.
ფორმატ-fallback ნიმუშის, muted-for-autoplay წესის და preload-ის წარმადობისთვის ცოდნა მედიის ჩაშენების პრაქტიკული აუცილებელი ელემენტებს მოიცავს.