<audio> ਅਤੇ <video> ਮੀਡੀਆ ਨੂੰ ਨੇਟਿਵ ਤਰੀਕੇ ਨਾਲ ਐਮ੍ਬੇਡ ਕਰਦੇ ਹਨ, ਬਿਲਟ-ਇਨ ਕੰਟਰੋਲ ਅਤੇ JavaScript API ਦੇ ਨਾਲ — ਕਿਸੇ ਪਲੱਗਇਨ ਦੀ ਲੋੜ ਨਹੀਂ।
html
Your browser does not support video.
controls — ਇਸ ਤੋਂ ਬਿਨਾ, ਕੋਈ UI ਨਹੀਂ ਆਉਂਦਾ (ਤੁਸੀਂ JS ਦੁਆਰਾ ਕੰਟਰੋਲ ਕਰਦੇ ਹੋ)।<source> — ਬ੍ਰਾਊਜ਼ਰ ਪਹਿਲਾ ਫਾਰਮੈਟ ਵਰਤਦਾ ਹੈ ਜੋ ਇਹ ਸਮਰਥਨ ਕਰਦਾ ਹੈ (WebM/MP4 ਕਰਾਸ-ਬ੍ਰਾਊਜ਼ਰ ਲਈ)।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> ਇਕੋ ਜਿਹਾ ਕੰਮ ਕਰਦਾ ਹੈ, ਸਿਰਫ ਵਿਜ਼ੁਅਲ ਫ੍ਰੇਮ/ਪੋਸਟਰ ਤੋਂ ਬਿਨਾ।
ਨੇਟਿਵ ਮੀਡੀਆ ਤੱਤ ਤੁਹਾਨੂੰ ਕਰਾਸ-ਬ੍ਰਾਊਜ਼ਰ ਪਲੇਬੈਕ, ਪਹੁੰਚ ਯੋਗਯਤਾ (<track> ਦੁਆਰਾ ਕੈਪਸ਼ਨ), ਅਤੇ ਕਸਟਮ ਪਲੇਅਰਾਂ ਲਈ ਇੱਕ ਪੂਰੀ JS API ਦਿੰਦੇ ਹਨ।
ਫਾਰਮੈਟ-ਫਾਲਬੈਕ ਪੈਟਰਨ, autoplay ਲਈ muted ਨਿਯਮ, ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਲਈ preload ਜਾਣਨਾ ਮੀਡੀਆ ਨੂੰ ਐਮ੍ਬੇਡ ਕਰਨ ਦੇ ਵਿਹਾਰਕ ਜ਼ਰੂਰੀ ਬਾਤਾਂ ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ।
ਵਿਸਤ੍ਰਿਤ ਜਵਾਬਾਂ ਨਾਲ IT ਇੰਟਰਵਿਊ ਸਵਾਲਾਂ ਦੀ ਇੱਕ ਲਾਇਬ੍ਰੇਰੀ — ਜੂਨੀਅਰ ਤੋਂ ਸੀਨੀਅਰ ਤੱਕ।
ਦਾਨ ਕਰੋ