html5 - Cara menggunakan Alibaba Cloud Video on Demand Web Player SDK dalam projek Vue.js-Soal Jawab Rangkaian PHP Cina

Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

html5 - Cara menggunakan Alibaba Cloud Video on Demand Web Player SDK dalam projek Vue.js

某草草 2017-05-16 13:35:06

2910

Bagaimana untuk menggunakan Alibaba Cloud Video on Demand Web Player SDK dalam projek Vue.js?

Halaman dokumentasi rasmi Alibaba Cloud: https://help.aliyun.com/docum...

Kod saya:

Laporan ralat:

prism-h5-min.js:2 Uncaught TypeError: 没有为播放器指定容器 at new i (prism-h5-min.js:2) at eval (eval at  (app.js:1555), :4:14) at Object. (app.js:1555) at __webpack_require__ (app.js:687) at fn (app.js:110) at eval (eval at  (app.js:1562), :7:3) at Object. (app.js:1562) at __webpack_require__ (app.js:687) at fn (app.js:110) at eval (eval at  (app.js:1053), :19:77)

某草草

membalas semua (1)

小葫芦2017-05-16 13:37:06 Tingkat 1

Perkenalkan js dalam index.html
Kemudian cari webpackConfig
Konfigurasi dalam build/webpack.base.conf.js

externals: { "prismplayer": "prismplayer" }

Dalam projek anda

export default { mounted: function() { let player = new prismplayer({ id: 'J_prismPlayer', width: '100%', autoplay: false, //播放方式一：推荐 prismType: 2, vid: '', accId: '', accSecret: '', apiKey: '', // vid : '', // playauth : '', showBarTime: 3000000, cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png' }); } }