我有一个在 VueJS 中使用 Quasar 框架制作的应用程序,该应用程序具有打开 Azure 媒体播放器视频的标签。它在浏览器中完美运行,但是在使用 cordova for android 编译时,它不会在 apk 中播放视频,显然它不会加载 JavaScript:
<link href="//amp.azure.net/libs/amp/2.3.0/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
<script src="//amp.azure.net/libs/amp/2.3.0/azuremediaplayer.min.js" onload="alert('Cargo el amp')"></script>
这是我用来加载视频的方法:
loadVideo () {
alert('Entro al load video')
alert('Variable window ' + JSON.stringify(window.amp))
const myPlayer = window.amp(this.idVideo, { /* Options */
techOrder: ['azureHtml5JS', 'flashSS', 'html5FairPlayHLS', 'silverlightSS', 'html5'],
'nativeControlsForTouch': false,
autoplay: true,
controls: true,
// width: '328',
// height: '202',
poster: '',
fluid: true
}, function () {
console.log('Good to go!')
// add an event listener
alert("Good to go!'")
this.addEventListener('ended', function () {
console.log('Finished!')
alert('Finished')
})
this.addEventListener('error', function () {
var errorDetails = myPlayer.error()
var code = errorDetails.code
var message = errorDetails.message
alert('Hay error ' + code + message)
})
}
)
myPlayer.src([{
src: this.srcVideoDialog,
type: 'application/vnd.ms-sstr+xml'
}])
}
如您所见,我发出警报以了解它在什么时候进入但没有加载功能 window.amp 我希望有人找到了解决方案!
问候