vue播放mu38视频兼容谷歌ie等浏览器

<template>
  <div id="id_test_video" style="width:100%; height:auto;">div>
template>

<script>
export default {
  data() {
    return {

    }
  },
  mounted(){
    this.play();
  },
  methods: {
    play(){
      var player = new TcPlayer("id_test_video", {
          "m3u8":"http://weblive.hebtv.com/live/hbws_bq/index.m3u8",
          "autoplay" :true, 
          "poster": '', // 封面
          "width" :  "1280",//视频的显示宽度,请尽量使用视频分辨率宽度
          "height" : "720"//视频的显示高度,请尽量使用视频分辨率高度
      });
    }
  }
};
script>

<style>

style>

文档地址参考:https://cloud.tencent.com/document/product/454/7503;

引入方式 https://www.npmjs.com/package/tcplayer;或index.html引入 

你可能感兴趣的:(vue播放mu38视频兼容谷歌ie等浏览器)