vue2 使用 TCPlayer("player-container-id",

TCPlayer 是一个轻量级的 HTML5 播放器插件，常用于 Vue.js 应用中嵌入视频内容。当你想在 Vue2 中使用它时，你需要在组件模板中引用并初始化播放器。例如，如果你有一个 ID 为 "player-container-id" 的容器元素，你可以这样做：

<template>
  <div id="player-container-id">
    <tc-player :options="playerOptions"></tc-player>
  </div>
</template>

<script>
import TCPlayer from 'your-tcplayer-url'; // 需要先安装 TCPlayer

export default {
  name: 'YourComponentName',
  data() {
    return {
      playerOptions: {} // 初始化播放器配置
    };
  },
  mounted() {
    this.initPlayer();
  },
  methods: {
    initPlayer() {
      const player = new TCPlayer('player-container-id', this.playerOptions);
      // 根据需要设置播放器的各种属性和事件处理
    }
  }
};
</script>

在这个例子中，`:options` 是绑定属性，用于传递给 TCPlayer 插件的配置。`mounted()` 生命周期钩子会在组件挂载完成后自动调用 `initPlayer()` 函数，初始化播放器。