Blame view

src/views/live/index.vue 1.44 KB
e1644c39   yangzhi   王哥起来屙尿了
1
2
  <template>
    <div class="container">
8ab6a817   周超   给王哥
3
      <div id="id_test_video" style="width:100%; height:auto;"></div>
e1644c39   yangzhi   王哥起来屙尿了
4
5
6
    </div>
  </template>
  <script>
8ab6a817   周超   给王哥
7
8
9
10
11
12
13
14
15
16
17
18
    export default {
      data() {
        return {
          streaName: ''
        };
      },
      created() {
        let streaName = this.$route.query.id;
        this.streaName = streaName;
      },
      mounted() {
        this.$nextTick(function () {
8ab6a817   周超   给王哥
19
20
21
22
23
24
25
26
27
28
29
30
31
          var player = new TcPlayer("id_test_video", {
            m3u8: `http://watch.t1j2.com/live/${this.streaName}.m3u8`,
            flv: `http://watch.t1j2.com/live/${this.streaName}.flv`, //增加了一个 flv 的播放地址,用于PC平台的播放 请替换成实际可用的播放地址
            autoplay: true, //iOS 下 safari 浏览器,以及大部分移动端浏览器是不开放视频自动播放这个能力的
            poster: "",
            width: "1200", //视频的显示宽度,请尽量使用视频分辨率宽度
            height: "800", //视频的显示高度,请尽量使用视频分辨率高度
          });
        });
  
      },
      methods: {},
    };
e1644c39   yangzhi   王哥起来屙尿了
32
33
  </script>
  <style lang="scss" scoped>
8ab6a817   周超   给王哥
34
    .container {
e1644c39   yangzhi   王哥起来屙尿了
35
36
37
38
39
      display: flex;
      justify-content: center;
      align-items: center;
      height: calc(100vh - 50px);
      background-color: #000;
8ab6a817   周超   给王哥
40
41
42
43
44
45
46
    }
  
    #id_test_video {
      display: flex;
      justify-content: center;
      align-items: center;
    }
e1644c39   yangzhi   王哥起来屙尿了
47
48
  </style>
  <style scoped>
8ab6a817   周超   给王哥
49
50
51
52
53
54
    >>>.vcp-player {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
    }
e1644c39   yangzhi   王哥起来屙尿了
55
  </style>