vue 使用v-tcplayer播放m3u8格式(直播)案例

本文介绍了如何在Vue项目中利用v-tcplayer插件播放m3u8格式的直播内容,包括前提条件和注意事项,提供了一个实际操作的案例。
摘要由CSDN通过智能技术生成

写在前:这个例子,如果你只想显示一个视频,并且是调接口才能拿到视频地址,请勿使用这种方式,你可能要看最后提示。


前提:已经下载插件(必须)

<template>
  <!-- 测试-->
  <div id="palyback">
    <div :class="{xiaoping: isaa, 'daping': dapingshow}">
      <VTcPlayer ref="tcPlayer" :options="options" elmId="1" @load="onLoad" @play="onPlay" @pause="onPause" />
    </div>
    <div :class="{xiaoping: dapingshow, 'daping': isaa}">
      <VTcPlayer ref="tcPlayer" :options="woptions" elmId="2" />
    </div>
    <div class="qiehuan" @click="onqiehuan">切换</div>
  </div>
</template>

<script>
  import {
    VTcPlayer
  } from 'v-tcplayer'
  export default {
    data() {
      return {
        o
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值