<audio> ? <video> ??? ???? HTML? ???? ???? ??????. 1) <audio> ??? ???? ???? ????? ??? ??? ?? ???? ?????????. 2) <video> ??? ???? ???? ????? ?? ? ?? ??? ???? ?? ??? ??? ???? ???? ?????. 3) ???? ????? ?? ??? ??????. 4) ?? ? ?? ?? ???? ? ?? ???? ??? ??????. 5) ????? ??? ?? ??? ??? ??? ?? ? ??? ?????? ??????.

???, ??? ???? ???? ? ???? ???? ????? HTML? ?????? ?????? ?? ??? ??? ????, ? ???? ? ?? ???? ???? ???????.

HTML? ??? ? ???? ???? ? ? ?? ?? ?? ??? ????. ???? ??? ? ? ?? ??? ? ??? ?????? ????. ????? ??? ? ??? ??? ??? ?? ????. ????? ??? ??? ??? ????.

????? ?????. ?? ???? ???? ???? ???? ??????? ?? ?????. ????? ?? ?? ?? ????? ???????. ???? ? ?? ??? ??? ????. <audio></audio> ??? ???? ??????? ????. ??? ?? ??? ????.

 <??? ???>
  <?? src = "my-audio.mp3"type = "Audio/Mpeg">
  ????? ??? ??? ???? ????.
</???>

controls ??? ??????? ??? ?????. ????? ???? ???? ??? ??, ?? ?? ? ??? ??? ?? ?????. ?? ??? ???? ?? ????? ?? ?? ???? ??????.

?? ???? ?? ??????. ???? ?? ? ?? ? ? ??? ? ??????. <video> ??? <audio> ? ????? ? ?? ??? ????. ?? ??? ??? ????.

 <video width = "320"height = "240"???>
  <?? src = "my-Video.mp3"type = "video/mp4">
  ????? ??? ??? ???? ????.
</video>

width ? height ??? ???? ????? ???? ??? ???? ????? ???? ? ??????. ??? ??, controls ??? ??? ??? ??????.

?? ?? ? ?? ??? ?? ???? ??? ???? ?? ????. ?? ????? ?? ??? ???? ???? ???? ?? ????. ?? ????? ?? ??? ?? ? ? ????.

 <??? ???>
  <?? src = "my-Video.mp4"type = "video/mp4">
  <?? src = "my-Video.webm"type = "video/webm">
  ????? ??? ??? ???? ????.
</video>

?? ??? ????? ???? ? ?? ??? ???? ? ?? ???? ?????.

???? ? ?? ??? ?????. ?? ???? ?? ?? ???? ???????. ??? ?? ????? ????? ??? ??? ??? SEO? ??????. ??? ???? ??? ??? ????.

 <??? ???>
  <?? src = "my-Video.mp4"type = "video/mp4">
  <track src = "captions.vtt"Kind = "Captions"srclang = "en"label = "English">
  ????? ??? ??? ???? ????.
</video>

??? ?? ?? ????? ?? ???? ? ?? ?????. ? ??? ??? ????? ?? ??? ?? ? ????. ?????? ?? ? ?? ?? ???? ??? ??????. YouTube ?? Vimeo? ?? ?????? ????? ?? ??? ???? HLS ?? MPEG-DASH? ?? ??? ??? ? ????.

?? ??? ?? ?? ? ??? ??? ?????. ?? ?? ???? ?? ???? ?? ?? ????? ??? ?? ???? ? ????. ??? ? ?????? ???? ??? ??? ????.

 <??? ?? preload = "none"data-src = "my-video.mp4">
  ????? ??? ??? ???? ????.
</video>

<cript>
  document.addeventListener ( "domContentLoaded", function () {
    var lazyvideos = [] .slice.call (document.querySelectorall ( "??? [preload = &#39;none&#39;]");

    if (??? "intersectionObserver") {
      LazyVideoObserver = New IntersectionObserver (?? (entries, ebserver) {
        entries.foreach (function (video) {
          if (video.isintersecting) {
            for (video.target.children? var ??) {
              var videoSource = video.target.children [??];
              if (typeof videosource.tagname === "string"&& videosource.tagname === "source") {
                videosource.src = videosource.dataset.src;
              }
            }

            video.target.load ();
            video.target.classlist.remove ( "???");
            LazyVideoObserver.unobserve (video.target);
          }
        });
      });

      LazyVideos.foreach (function (LazyVideo) {
        LazyVideoObserver.Observe (LazyVideo);
      });
    }
  });
</????>

? ???? ???? ???? ??? ??? ??????? ???? ???? ???? ??? ??? ??????.

?? ??? ???? ?? ???? ? ??? ??? ?????. ??? ???? ??? ? ???? ???? ????? ????. ??? ?? ?? ??? ???? ????? ????. ?? ??? ???? ?? ????? ????? ??? ??????.

 <video autoplay muted>
  <?? src = "my-Video.mp4"type = "video/mp4">
  ????? ??? ??? ???? ????.
</video>

? ?? ?? ??? ???? ?? ?? ???? ???? ????. ??? ??? ?? ???? ??? ? ? ??? ?? ??? ??? ?????. ?? ? ??? ??? ??? ??? ?? ???? ??????.

??? ???? ??? ??? ??? ??????. ???? ???? ?? ??? ???? ?? ? ? ???, ?? ??? ?? ??? ? ? ????.

 <video poster = "poster.jpg"???>
  <?? src = "my-Video.mp4"type = "video/mp4">
  ????? ??? ??? ???? ????.
</video>

?????, ?? ?? ??? ?????? ???? ???? ???????. ?????? ???? ???? ?? ????? ? ???? ?? ? ????. ?? ??? ??? ???? ???. ??? ??? ?? ???? ????.

????? HTML? ??? ? ???? ???? ? ???? ???? ? ????? ???? ? ? ????. ??? ?? ??? ???, ???? ??? ???, ?? ??? ??????, ???? ????? ????? ??? ?? ? ????. ??? ???? ???? ??? ????? ?? ???? ??????.

? ??? HTML? ??? ? ??? ?? : ?? ?? ? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!