file.vue

<template>
  <div id="app">
    <video width="400" controls>
      <source src="http://localhost:8888" type="video/mp4" />
    </video>
  </div>
</template>

<script>
export default {
  data: () => ({
    video: ''
  }),
  methods: {
    openVideo (folder, video, port) {
      var fs = require('fs')
      var http = require('http')
      var path = require('path')

      http
        .createServer(function (req, res) {
          var file = path.resolve(folder, video)
          fs.stat(file, function (err, stats) {
            if (err) {
              if (err.code === 'ENOENT') {
                // 404 Error if file not found
                return res.sendStatus(404)
              }
              res.end(err)
            }
            var range = req.headers.range
            if (!range) {
              // 416 Wrong range
              return res.sendStatus(416)
            }
            var positions = range.replace(/bytes=/, '').split('-')
            var start = parseInt(positions[0], 10)
            var total = stats.size
            var end = positions[1] ? parseInt(positions[1], 10) : total - 1
            var chunksize = end - start + 1

            res.writeHead(206, {
              'Content-Range': 'bytes ' + start + '-' + end + '/' + total,
              'Accept-Ranges': 'bytes',
              'Content-Length': chunksize,
              'Content-Type': 'video/mp4'
            })

            var stream = fs
              .createReadStream(file, { start: start, end: end })
              .on('open', function () {
                stream.pipe(res)
              })
              .on('error', function (err) {
                res.end(err)
              })
          })
        })
        .listen(port)
    }
  },
  beforeMount () {
    this.openVideo('/home/instalando', '1.mp4', 8888)
  }
}
</script>