关于vue.js:vuealiplayerv2-自定义播放器内置提示文字

需要形容
实现播放谬误时,自定义提示信息,如下图所示:

如上图所示,我须要改成自定义的内容:’这是测试文字…’。
那么代码如下:

 <vue-aliplayer-v2
     @ready="handleReady"
     ref="VueAliplayerV2"
     :options="videoOptions"
 />
 data(){
   return{
     videoOptions: {
        source: "", // 播放地址
        isLive:true, // 是否开启直播
        language:'zh-custom',   // 自定义语言包
        languageTexts:{ // 播放器自定义提醒文字  
          'zh-custom':{ 
            'Video_Error':TipMessage, // 视频播放异样
            'Error_Load_M3U8_Timeout_Text' :TipMessage, // 获取m3u8文件超时
            'Error_Load_M3U8_Failed_Text':TipMessage, //  获取m3u8文件失败
            'Live_Abrot':TipMessage, // 直播信号中断
            'Error_Not_Found':TipMessage, // 播放地址不存在
            'Refresh_Text':'刷新',
            'Retry':'重试',
            'Detection_Text':'诊断',
          } 
        }
      },
   }
 }

因为下面自定义了语言包:language:’zh-custom’,
故属性languageTexts中所有属性必须从新本人定义(即 ‘zh-custom’ 对象中所有属性均须要本人一一对应)。
文档地址:https://help.aliyun.com/docum… 如下图:

一旦本人从新定义当前那么以下属性(局部截图)均需本人一一批改为自定义内容:

批改的代码如下:

 videoOptions: {
        source: "", // 播放地址
        isLive:true, // 开启直播
        language:'zh-custom',  // 自定义语言包 
        languageTexts:{  // 播放器自定义提醒文字 
          'zh-custom':{ 
            'Video_Error':'这是测试文字...', // 视频播放异样
            'Error_Load_M3U8_Timeout_Text' :'这是测试文字...', // 获取m3u8文件超时
            'Error_Load_M3U8_Failed_Text':'这是测试文字...', //  获取m3u8文件失败
            'Live_Abrot':'这是测试文字...', // 直播信号中断
            'Error_Not_Found':'这是测试文字...', // 播放地址不存在
            'Refresh_Text':'刷新A',
            'Retry':'重试B',
            'Detection_Text':'诊断CA',
          } 
        }
      },

成果如下:

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理