vue-plyr如何吧英文修改成为中文

这部分是英文的如何修改成为中文的

看了下写了个demo

因为vue-plyr是封装了plyr.js,所以文档可以去看这里的

plyr文档 https://github.com/sampotts/plyr

文档中可以看出是用i18n做国际化也就是语言配置

配置项是options中的i18n对象

 

demo如下 用的vue3 ,vue2同理

<template>
  <vue-plyr :options="options">
    <video controls crossorigin playsinline data-poster="poster.jpg">
      <source size="720" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4" type="video/mp4" />
    </video>
  </vue-plyr>
</template>

<script setup>
// This starter template is using Vue 3 experimental <script setup> SFCs
// Check out https://github.com/vuejs/rfcs/blob/script-setup-2/active-rfcs/0000-script-setup.md
const options = {
  i18n: {
    speed: '速度',
    normal: '正常'
  }
}
</script>

效果如下

可配置项请参考

https://github.com/sampotts/plyr/blob/master/src/js/config/defaults.js

文件中的i18n部分

 

满意请采纳答案 谢谢

你可以参考下这篇文章,希望对你有帮助vue实现中英文切换_潜行IT的博客-CSDN博客_vue 中英文

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632