Skip to content

platform / fanxing_new

Go to a project
Commit 001877c3 by 潘建波
Options

1>解决IE引入flv.js后无法显示网页问题

1 parent 00e7d150
Inline Side-by-side
Showing 6 changed files with 12 additions and 12 deletions
package.json
......@@ -11,6 +11,7 @@
"commit": "git-cz"
},
"dependencies": {
"@babel/polyfill": "^7.12.1",
"@svgdotjs/svg.js": "^3.0.16",
"@ztree/ztree_v3": "^3.5.46",
"axios": "^0.19.0",
......
public/index.html
......@@ -18,7 +18,8 @@
<script src="<%= BASE_URL %>zTree_v3/js/fuzzysearch.js"></script>
<script src="<%= BASE_URL %>js/keymaster.js"></script>
<script src="<%= BASE_URL %>js/config.js"></script>
<script src="<%= BASE_URL %>js/NodePlayer-full.min.js"></script>
<script src="<%= BASE_URL %>js/flv.js"></script>
<!-- <script src="<%= BASE_URL %>js/NodePlayer-full.min.js"></script> -->
</head>
<body id="theme-name">
<noscript>
......
public/js/flv.js 0 → 100644
This diff could not be displayed because it is too large.
src/main.js
import 'babel-polyfill'
import Vue from "vue";
import App from "./App.vue";
import ElementUI from "element-ui";
......
src/views/public/flvvideo.vue
......@@ -2,20 +2,14 @@
<div class="ocxbox">
<video id="flvvideo" autoplay style="width: 100%; height: 100%" class="fvideo"></video>
<div class="control" hidden>
<span
:class="{
videostatus: true,
'el-icon-video-play': videostatus,
'el-icon-video-pause': !videostatus,
}"
@click="controlvideo"
></span>
<!-- <span :class="{'el-icon-full-screen':!furllstatus,'el-icon-circle-close':furllstatus,'videostatus':true, 'full-icon':true}" @click="fullvideo" id="full"></span> -->
</div>
</div>
</template>
<script>
import flv from "flv.js";
export default {
data() {
return {
......@@ -28,7 +22,7 @@ export default {
computed: {},
methods: {
initflv() {
if (flv.isSupported()) {
if (flvjs.isSupported()) {
this.player = flv.createPlayer({
type: "flv",
});
......@@ -45,7 +39,7 @@ export default {
// this.flv_destroy();
// }
// }
this.player = flv.createPlayer({
this.player = flvjs.createPlayer({
type: "flv",
isLive: true,
hasAudio: false,
......
vue.config.js
......@@ -9,6 +9,8 @@ module.exports = {
lintOnSave: false,
publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
// ...
transpileDependencies: ['element-ui'], // 此段为增加配置选项
css: {
loaderOptions: {
sass: {
......@@ -17,6 +19,7 @@ module.exports = {
}
},
chainWebpack: config => {
config.entry('main').add('babel-polyfill')
if (process.env.use_analyzer) {
// 分析
config
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!