<template>
<div>
    <div class="particles">
        <vue-particles
        color="#006565"
        shapeType="star"
        linesColor="#dedede"
        hoverMode="grab"
        clickMode="push"
        style="height: 100%"
      ></vue-particles>
      <video controls autoplay src="http://192.168.1.111:10202/resource/previewFile?id=c4e4616e3aa630e5c3883807985a6cb8"/>
    </div>
</div>
</template>
<script>
import VueParticles from 'vue-particles'
export default {
    data(){
        return {

        }
    },
    // components: {VueParticles},
}
</script>
<style>
  .particles {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 0;
  background: radial-gradient(ellipse at top left, rgba(105, 155, 200, 1) 0%,rgba(181, 197, 216, 1) 57%);
  background: radial-gradient(ellipse at top left, #006565b5 0%,#ffffff93 57%);
}

</style>