搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏前端历劫之路
你是否有一个梦想？用JavaScript开发一款自定义配置视频播放器
.currentTime); let scale = $(".video-player").currentTime / $(".video-player").duration; let w = "); $(".video-player").muted = false; } else { $(".video-player").volume = 0; showEl(". h : h + "px"; this.$(".video-player").style.width = _w; this.$(".video-player").style.height ").currentTime ); let scale = this.$(".video-player").currentTime / this.$(".video-player (".icon-yinliang"); this.$(".video-player").muted = false; } else { this.$(".video-player
1.3K20发布于 2021-12-01
来自专栏移动开发之家
【译】Android Gradle 插件 4.0.0 中 Feature-on-Feature 的依赖关系
假设你有一个具有 3 个动态功能的项目，:video-list、:video-player 和 :news。其中 :video-list 和 :video-player 依赖于一个共同的库 :video-data，如下图所示可能是你会使用的 Gradle 依赖项：具有3个动态功能的示例项目,其中2个依赖于相同的库模块 image 如果此时尝试构建此库，可能会收到一条错误消息，指出 2 个动态功能都打包了相同的库： [:video-list, :video-player] all package the same library image 反之亦然，即 :video-player 取决于 :video-list ，现在就不再拥有 2 个完全依赖于的动态功能 :video-data，并且 “AGP is happy” 。你还可以使 :video-data 自己成为动态功能，并具有 :video-list 和 :video-player 依赖 :video-data 。 ?
1.8K20发布于 2020-06-02
来自专栏前端历劫之路
从0到1搭建一款Vue可配置视频播放器组件（Npm已发布）
<template>
< == "controls") { $(".video-player").setAttribute(key, attrObj[key]); } } // 处理视频样式 for ").currentTime); let scale = $(".video-player").currentTime / $(".video-player").duration; let h : h + "px"; $(".video-player").style.width = _w; $(".video-player").style.height = _h; (".icon-yinliang"); $(".video-player").muted = false; } else { $(".video-player").volume
1K20发布于 2021-12-01
来自专栏腾讯NEXT学位
uni-app开发一个小视频应用(二)
index) in videos" :key="index"> <view class="swiper-item"> <video-player ="item" :index="index"> </video-player -> :video="item" :index="index"> </video-player @follow="follow"> </video-player> <view class="right-box"> <list-right ref="listRight <template> <view class="video-player"> <vide :autoplay="auto> <!
2K41发布于 2019-10-21
来自专栏全栈程序员必看
百度云网页视频加速播放
进入播放页面，按F12进入开发者模式在console中输入： videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate 补充：每次播放时都需要执行输入执行一次代码，觉得很麻烦，于是想到了添加书签的方式：在网址中填入： javascript:videojs.getPlayers("video-player").html5player.tech
4.1K20编辑于 2022-09-01
来自专栏前端历劫之路
手把手教你用前端实现短视频App（滑动切换）
show-indicators="false" > <van-swipe-item>
<video-player v-if="playerOptions.sources[0].src" class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" ></video-player isshow"> <video-player v-if="playerOptions.sources[0].src" class="video-player ref="videoPlayer" :playsinline="true" :options="playerOptions" ></video-player
1K40发布于 2021-12-01
来自专栏技术综合
Electron播放rtmp直播流
navigator.plugins来看flash插件有没有引入成功 image.png 然后引入组件, 配置直播流即可 <template>
<video-player class="video-player" ref="videoPlayer" :options="options" :playsinline="true " ></video-player>
</template> <script> import 'video.js/dist/video-js.css' import { videoPlayer transparent; } body { -webkit-app-region: drag; } .container { background: transparent; } .container, .video-player
6.3K30编辑于 2022-09-21
来自专栏鳄鱼儿的技术分享
vue-video-player 视频播放器使用以及多视频宫格实例参考
最后，我们在模板中使用了video-player组件来播放视频，并通过@play和@pause事件来监听视频的播放和暂停状态。 <template>
<video-player ref="videoPlayer" :options="videoPlayerOptions" @play="handlePlay" @pause="handlePause" ></video-player>
</template> <script> export class="video-player vjs-custom-skin" :options="playerOptions box-sizing: border-box; } .cell { display: flex; flex-direction: column; height: 100%; } .video-player
5.2K10编辑于 2024-05-21
【vue】 vue 实现视频播放 vue-video-player
--在视频外面加一个容器-->
<video-player class="video-player vjs-custom-skin " ref="videoPlayer" :playsinline="true" :options="playerOptions" ></video-player
46610编辑于 2025-12-15
来自专栏破晓之歌
vue的video插件vue-video-player
vue-video-player/src/custom-theme.css') Vue.use(VideoPlayer) 3.使用插件在vue的组件页面里 <template> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" ></video-player> </template> <script> export default {
11K30发布于 2018-08-15
来自专栏腾讯NEXT学位
uni-app开发一个小视频应用(一)
height: 100%; margin: 0; padding: 0;}// /components/video-player.vue <template> <view class="<em>video-player</em> </view></template><script> export default { props: ["video"] }</script><style> .video-player index) in videos" :key="index"> <view class="swiper-item"> <video-player ="item" :index="index"> </video-player /video-player.vue"; export default { components: { "video-player": VideoPlayer
4.3K71发布于 2019-10-12
来自专栏用户3288143的专栏
【小技巧】百度云倍数播放视频
控制台调控 videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(2)
1.9K10发布于 2020-12-07
来自专栏Java啊
Vue之设置视频为背景图
在页面中引入重点代码即可 vue <template>

<video-player class="vjs-custom-skin" :options="playerOptions"></video-player>
...
2.6K40编辑于 2023-02-03
来自专栏前端开发
前端视频播放器弹窗功能实现方案
.video-modal.active .video-modal-content { transform: scale(1); } .video-player position: relative; width: 100%; padding-top: 56.25%; /* 16:9 比例 */ } .video-player transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 5; } .video-player class="video-modal" id="videoModal">
<div class="<em>video-player</em>
31710编辑于 2025-07-07
来自专栏高端IT
你是否有一个梦想？用JavaScript[vue.js、react.js......]开发一款自定义配置视频播放器
/css/index.css" /> </head> <body>
<video class="<em>video-player</em>" preload
54710编辑于 2022-05-11
来自专栏vue封装H5
Cordova插件cordova-plugin-media-capture实现短视频的录制上传和播放
： import { videoPlayer } from 'vue-video-player' import 'video.js/dist/video-js.css' 4、构建播放器容器： <video-player class="video-player vjs-custom-skin" id="videoDiv" ref="videoPlayer" onPlayerPause($event)" @play="onPlayerPlay($event)" @ended="onPlayerEnded($event)" > </video-player
2.5K00编辑于 2022-03-05
来自专栏李维亮的博客
基于video.js来实现vue的视频播放功能
) { this.player.dispose() } } } </script> 使用的时候 <template>
<video-player
15.6K30发布于 2021-07-08
开源直播带货小程序源码
三、小程序端直播交互实现思路1.小程序直播页面结构/live├──video-player├──goods-list├──chat-area└──order-popup直播页面并不是单一播放器，而是多个组件协同工作
19010编辑于 2026-01-14
来自专栏Worldhello
我写了一款谷歌浏览器插件
//调整播放速度为 1.5xvideojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(1.5) 将这段代码拷贝到浏览器的
1.6K50发布于 2019-08-06
来自专栏腾讯云智能·AI公有云
抖音视频爬取项目：Dusk库的使用示例
browser->text('.video-title');$likes = $browser->text('.video-likes');$videoUrl = $browser->attribute('.video-player
1.2K40编辑于 2023-11-13

第 2 页

你是否有一个梦想？用JavaScript开发一款自定义配置视频播放器

【译】Android Gradle 插件 4.0.0 中 Feature-on-Feature 的依赖关系

从0到1搭建一款Vue可配置视频播放器组件（Npm已发布）

uni-app开发一个小视频应用(二)

百度云网页视频加速播放

手把手教你用前端实现短视频App（滑动切换）

Electron播放rtmp直播流

vue-video-player 视频播放器使用以及多视频宫格实例参考

【vue】 vue 实现视频播放 vue-video-player

vue的video插件vue-video-player

uni-app开发一个小视频应用(一)

【小技巧】百度云倍数播放视频

Vue之设置视频为背景图

前端视频播放器弹窗功能实现方案

你是否有一个梦想？用JavaScript[vue.js、react.js......]开发一款自定义配置视频播放器

Cordova插件cordova-plugin-media-capture实现短视频的录制上传和播放

基于video.js来实现vue的视频播放功能

开源直播带货小程序源码

我写了一款谷歌浏览器插件

抖音视频爬取项目：Dusk库的使用示例

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐