Polyv Help Center

Help Center

Live Streaming Server API

tips

Updated: 2024-09-11 15:29:22

<div id="player"></div>

<script>
  new Vue({
    el: '#player',
    data() {
    return {
      vodPlayerJs: 'https://player.polyv.net/script/player.js',
      vid:'88083abbf5b42072ec029201d9fee095_8',
    };
  },
  mounted(){
      this.loadPlayerScript(this.loadPlayer);
  },
  methods: {
    loadPlayerScript(callback) {
      if (!window.polyvPlayer) {
        const myScript = document.createElement('script');
        myScript.setAttribute('src', this.vodPlayerJs);
        myScript.onload = callback;
        document.body.appendChild(myScript);
      } else {
        callback();
      }
    },
    loadPlayer() {
      const polyvPlayer = window.polyvPlayer;
      this.player = polyvPlayer({
        wrap: '#player',
        vid: this.vid ,
        autoplay:false
      });
    }
  },
  destroyed() {
    if (this.player) {
        this.player.destroy();
    }
  }
  })
</script>
联系客服，在线咨询