Press Plus

# LivePlayer

# Introduction

import PressLivePlayer from 'press-plus/press-live-player/press-live-player';

export default {
   components: {
     PressLivePlayer,
   }
}

# Code Demo

# Basic usage

<PressLivePlayer
   :video-src="videoSrc"
/>

const MOCK_VIDEO_SRC = 'https://1500005692.vod2.myqcloud.com/43843706vodtranscq1500005692/62656d94387702300542496289/v.f100240.m3u8';

export default {
   data() {
     return {
       videoSrc: MOCK_VIDEO_SRC,
     }
   },
   methods: {

   }
}

# API

# Props

Parameters Description Type Default value
video-src Live stream address string -
progress-control Whether to display the progress bar boolean true
poster Cover image address string -
retry-timeout Retry loading time, unit s number 300
reload-interval The interval between retriggering reload, unit s number 5
show-feed-back-icon Whether to display the feedback icon when loading fails boolean false

# Events

Event name Description Parameters
clickFeedbackIcon click feedback -
goOtherMatch Click to go to other matches -
playStatusChange Play status change status (playing, pause, waiting)
fullScreenChange Full screen status change isFullScreen
playError Play error -

← NotFound →