VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED)

[manjufy]

Unable to play videos from YouTube

ve {code: 4, message: "The media could not be loaded, either because the …rk failed or because the format is not supported."}
code: 4
message: "The media could not be loaded, either because the server or network failed or because the format is not supported."
__proto__: Object

[manjufy]

<template>
  <v-container class="fill-height">
    <v-row
      justify="center"
      align="center"
    >
      <v-col class="shrink">
        <div>
            <hooper :vertical="true" style="width: 800px; height: 400px" :itemsToShow="1" :centerMode="true" :autoPlay="true" :playSpeed="30000">
              <slide>
                <v-playback :url="url" auto-play="play"></v-playback>
              </slide>
              <slide>
                slide 2
              </slide>
              <slide>
                slide 3
              </slide>
              <slide>
                slide 4
              </slide>
              <slide>
                slide 5
              </slide>
              <slide>
                slide 6
              </slide>
            </hooper>
          </div>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
import { Hooper, Slide } from 'hooper';
import 'hooper/dist/hooper.css';
  export default {
    name: 'HelloWorld',
    components: {
      Hooper,
      Slide
    },
    data: () => ({
      url: "https://www.youtube.com/watch?v=ASukJ7_3k4A"
    }),
  }
</script>