https://github.com/sayedtahsin/video.js

Exploring Video.js for streaming
https://github.com/sayedtahsin/video.js

Last synced: about 14 hours ago
JSON representation

Exploring Video.js for streaming

• Host: GitHub
• URL: https://github.com/sayedtahsin/video.js
• Owner: SayedTahsin
• Created: 2024-10-21T18:19:46.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-10-31T17:57:47.000Z (2 months ago)
• Last Synced: 2024-11-10T08:31:27.372Z (about 2 months ago)
• Language: Vue
• Size: 61.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# https://videojs.com/

- Video.js Skin Designer : https://codepen.io/heff/pen/DyoMvJ

- Video.js plugins: https://videojs.com/plugins

- How it use it in vue.js

```

  


    

    

  


import { ref, onMounted, onBeforeUnmount } from 'vue';

import videojs from 'video.js';

import 'video.js/dist/video-js.css';

const videoPlayer = ref(null);

let player = null;

onMounted(() => {

  player = videojs(videoPlayer.value, {

    autoplay: false,

    controls: true,

    loop: false,

    preload: 'auto',

    playbackRates: [0.5, 1, 1.5, 2],

    volume: 0.5,

    sources: [{

      src: 'https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8',

      type: 'application/x-mpegURL',

    }]

  });

});

onBeforeUnmount(() => {

  if (player) {

    player.dispose();

  }

});

```

To Run Locally

```bash

git clone [email protected]:SayedTahsin/Video.js.git

cd Video.js

npm i

npm run dev

```