> For the complete documentation index, see [llms.txt](https://amartyushov.gitbook.io/tech/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://amartyushov.gitbook.io/tech/web-dev-frontend/web-to-change.md).

# Web (to change)

## Video streaming

HTML5 introduced possibility to link video using `<video>` tag

```html
<html>
  <head>
    <meta charset="UTF-8">
    <title>My Video</title>
  </head>
  <body>
    <video src="some_video.mp4" width="1280px" height="720px" />
  </body>
</html>
```

This video tag also provides various APIs to e.g. play, pause, seek or change the speed at which the video plays. Those APIs are directly accessible through JavaScript:

```javascript
//pause the video
myVideo.pause()

// seek to 10 seconds
myVideo.currentTime = 10;
```

### The Media Source Extensions <a href="#b410" id="b410"></a>

The “Media Source Extensions” (more often shortened to just “MSE”) is a specification from the W3C that most browsers implement today. It was created to allow those complex media use cases directly with HTML and JavaScript.

:thumbsup:[Great article explaining how Media Source Extensions (MSE) + SourceBuffer works (and video streaming in general)](https://medium.com/canal-tech/how-video-streaming-works-on-the-web-an-introduction-7919739f7e1)