2025-06-26 Vue.js中的视频播放实现:vue-video-player与dplayer的对比分析 Vue.js中的视频播放实现:vue-video-player与dplayer的对比分析 4.1 安装与配置vue-video-player步骤1:安装 首先,你需要通过npm或yarn安装vue-video-player: ```bash npm install vue-video-player --save或者使用 yarnyarn add vue-video-player ```步骤2:在Vue项目中引入 在你的Vue组件中引入并使用vue-video-player: javascript import { videoPlayer } from 'vue-video-player' import 'video.js/dist/video-js.css' // 引入video.js样式文件 export default { components: { videoPlayer } } 步骤3:使用组件 在模板中使用<video-player>标签,并设置视频源等属性: ```html export default { data() { return { options: { src: 'http://... 2025年06月26日 44 阅读 0 评论
2020-02-05 DPlayer-Typecho视频播放插件 DPlayer-Typecho视频播放插件 使用方式下载后将文件夹名改为DPlayer上传启用即可由于本站安装了此插件,演示代码输入完整的是看不到的,所以后面少打了个],复制使用时自行在后面添加个]!默认不自动播放,弹幕开启[dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg"/ 关闭弹幕[dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg" danmu="false"/ 开启自动播放[dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg" autoplay="true"/ 添加额外弹幕源(例:bilibili弹幕)[dplayer url="http://xxx.com/xxx.mp4" pic="http... 2020年02月05日 1,325 阅读 0 评论