Question

我正在创建一个支持html5和flash的网络播放器。我正在使用vue-video-player并在一个组件中包装。我已经安装了videojs-flash和videojs-flvjs。

import Vue from 'vue'
import VueVideoPlayer from 'vue-video-player'
// import VideoJsFlash from 'videojs-flash'
// import VideoJsFlash from 'videojs-flvjs'

require('video.js/dist/video-js.css')
require('vue-video-player/src/custom-theme.css')

// const { videojs } = VueVideoPlayer
// videojs.plugin('flashPlugin', VideoJsFlash)
// videojs.addLanguage('ml', myLanguageObject)
// videojs.registerPlugin('flashPlugin', VideoJsFlash)

Vue.use(VueVideoPlayer)

然后我的playerOptions是

playerOptions: {
    // videojs options
    muted: true,
    language: 'en',
    techOrder: ['html5', 'flvjs'], // or ['html5', 'flash']
    playbackRates: [0.7, 1.0, 1.5, 2.0],
    width: '800px',
    height: '800px',
    plugins: {

    },
    flash: {
      swf: './#/assets/video-js.swf'
    },
    poster: './#/assets/logo.png',
    sources: [
    ]
}

我希望播放视频

我得到的错误如下，

video.cjs.js？0e26：441 VIDEOJS：错误：“flvjs”技术未定义。跳过浏览器支持检查该技术。

PlayVid.vue？139b：134玩家已准备好玩家{player_：Player，options_：{...}，id_：“vjs_video_506”，name_：null，eventBusEl_：div＃vjs_video_506.video-js.vjs-paused。 vjs_video_506-dimensions.vjs-控制-enabled.vjs-workinghover ...，...}

video.cjs.js？0e26：441 VIDEOJS：错误:(代码：4 MEDIA_ERR_SRC_NOT_SUPPORTED）无法加载媒体，原因是服务器或网络出现故障或者格式不受支持。 MediaError {code：4，message：“无法加载媒体，因为... rk失败或者因为格式不受支持。”}

Answer 1

import Vue from 'vue'
import VueVideoPlayer from 'vue-video-player'
import 'vue-video-player/src/custom-theme.css'
import 'video.js/dist/video-js.css'
import 'videojs-flash'
Vue.use(VueVideoPlayer)

和playerOptions

playerOptions: {
    // videojs options
    muted: true,
    language: 'en',
    techOrder: ['html5', 'flash'],
    playbackRates: [0.7, 1.0, 1.5, 2.0],
    width: '800px',
    height: '800px',
    poster: './#/assets/logo.png',
    sources: [{
      type: "video/x-flv",
      src: "https:/
    }]
}

Vue2视频播放器;如何导入Flash插件？

1 个答案: