console
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://localhost:8085/lib/theme-chalk/index.css">
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<style>
body {
margin: 0;
padding: 0;
}
</style>
<body>
<div id="app" style="height: 100vh">
<bv-layout
:width="1920"
background-image="radial-gradient(ellipse farthest-corner at center center,#033958 0,#080542 70%)"
>
<bv-dynamic-effect type="video" :source-list="sourceList"></bv-dynamic-effect>
</bv-layout>
</div>
</body>
<script src="https://unpkg.com/vue/dist/vue.js">
</script>
<script src="https://unpkg.com/element-ui/lib/index.js">
</script>
<script src="http://localhost:8085/lib/index.js">
</script>
<script>
new Vue({
el: '#app',
data: function() {
return {
sourceList: [
{
src: 'http://localhost:8085/mp4/mp4_video.mp4',
type: 'mp4',
},
],
}
}
})
</script>
</html>