成功企业网站必备要素,哪个网站做简历好,yandex网站推广,技术支持 东莞网站建设石材xgplayer 视频 一、xgplayer官网 xgplayer官网 - 点我进入 一、xgplayer简单介绍 西瓜播放器是字节跳动推出的一款播放器。 稳定性好#xff08;大厂#xff08;字节跳动#xff09;出品#xff09;#xff1b;插件方便实用且简洁高雅#xff1b;官网文档清晰#xff1b… xgplayer 视频 一、xgplayer官网 xgplayer官网 - 点我进入 一、xgplayer简单介绍 西瓜播放器是字节跳动推出的一款播放器。 稳定性好大厂字节跳动出品插件方便实用且简洁高雅官网文档清晰集成在线生成工具提供示例 总之好用实用方便就完事了 三、xgplayer下载
注意我是在Vue3项目中使用的版本号为 3.0.16 pnpm install xgplayer3.0.16 四、项目中简单使用
templatediv idmse /
/templatescript setup langts
import { onMounted } from vue;
import Player from xgplayer;
import xgplayer/dist/index.min.css;defineOptions({name: VideoPage
});onMounted(() {new Player({id: mse, //元素idlang: zh, //设置中文volume: 0, // 默认静音autoplay: false, //自动播放screenShot: true, // 开启截图功能//视频地址url: //lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/xgplayer-demo.mp4,//封面图poster://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg,fluid: true, // 填满屏幕 流式布局playbackRate: [0.5, 0.75, 1, 1.5, 2] //传入倍速可选数组});
});
/scriptstyle scoped
#mse {flex: auto;
}
/style效果 xgplayer 视频
