28 fluid: true,//设置为流式布局,可使播放器宽度跟随父元素的宽度大小变化 29 volume: 0.6,//开发者可以为播放器预设音量大小 参考值0~1 30 autoplay:false,//是否自动播放, 31 muted:true, 32 autoplayMuted: true, 33 loop: true,//是否循环播放 34 poster:'../assets/move2.png', 35 playbackRate...
西瓜播放器示例: https://v2.h5player.bytedance.com/examples/ 这里我是用的vue3,我把西瓜播放器封装了个组件,到时候可以复用,vue2也是一样。 步骤如下: 安装 $npminstallxgplayer 1. 引入xgplayer,封装成一个公共组件 src/components/xgPlayer/xgPlayer.vue // 西瓜视频组件 <template> </tem...
vue-admin-templatevue 中使用 Alipayer,播放 rtmp,m3u8,mp4 视频包括videojs,西瓜视频播放器,阿里云播放器等使用案例基于以下二次开发vue2后台管理模板:https://github.com/PanJiaChen/vue-admin-template阿里云vue依赖:https://github.com/langyuxiansheng/vue-aliplayer-v2阿里云...
在vue中使用西瓜视频播放器 第一步:npm i xgplayer, 在组件中引入: 1<template>234<!-- -->567891011</template>1213import Player from 'xgplayer';14exportdefault{15data(){16return{17player:null,18posterShow:true,19url: 'http://211.94.219.1/268769823.mp4',20}21},22mounted(){23if(doc...