将视频生成视频二维码的流程介绍-CSDN博客

本文链接：https://blog.csdn.net/suny2020/article/details/147358848

通常生成视频二维码的流程是这样的：

上传视频: 首先，您需要将您的视频上传到视频托管平台，例如优酷或您自己的服务器，如果自己没有服务器，也可以上传到酷播云平台，这里可以直接存储和生成二维码。
获取视频链接: 上传成功后，平台会提供一个该视频的URL链接，当然也会自动生成二维码。操作界面简单易用，无需复杂的设置即可使用，管理也非常便捷。
使用二维码生成器: 您可以直接生成视频的二维码，也可以将这个视频链接添加到你的网页页面中。您学会了吗？是不是很简单。

1.网站调用代码

<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
vid: 'e785b2c81c9e018296671a1287e99615_e',
});
</script>

TIPS：
wrap: '#player' //warp为引用的容器
width: 800 //播放器的宽度
height: 533 //播放器的高度
vid: 'e785b2c81c9e018296671a1287e99615_e' //酷播云视频vid

2.二维码观看效果

通常效果是这样的：

3.二维码制作教程

图文步骤是这样的：

4.Html5网页调用

多功能播放器调用方式：

<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
  var player = polyvPlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    vid: 'e8888b74d1229efec6b4712e17cb6b7a_e',
  });
</script>

5.VUE项目调用

<template>
  <div id="player"></div>
</template>
<script>
export default {
  data() {
    return {
      vodPlayerJs: 'https://player.polyv.net/resp/vod-player/latest/player.js',
      vid:'88083abbf5bcf1356e05d39666be527a_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',
        width: 800,
        height: 533,
        vid: this.vid ,
      });
    }
  },
  destroyed() {
    if (this.player) {
        this.player.destroy();
    }
  }
};
</script>