Moodle Videojs Jquery CurrentTime - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

video.js支持m3u8格式直播

DOCTYPE html> videojs支持hls直播实例 videojs-contrib-hls.js?...= myPlayer.currentTime(); if(currentTime > 0){ $('.vjs-poster')....= myPlayer.currentTime(); console.log('currentTime'+currentTime+'lastTime'+lastTime).../设置当前播放时间为超时时间，此时videojs会在play()后把currentTime设置为0 myPlayer.currentTime(currentTime

12.7K13 0

M3U8在线播放

设置videojs参数 4. 增加快进等功能写在最后前言当我们在网上愉快观影的时候，难免会遇到“M3U8格式”的视频。聪明的你应该也发现了，它是没办法直接播放的。...直接上图（分别为PC端和移动端）：二、代码框架利用js库videojs来对m3u8视频进行解析并播放。具体的代码，大家可以进去网站—>查看源码—>直接copy。...设置videojs参数根据需要对videojs参数进行设置，如进度条、poster等： var myVideo = videojs('myVideo',{ bigPlayButton...) { // 按向右键 c_time = myVideo.currentTime() d_time = myVideo.duration();...myVideo.currentTime(c_time+time) } return false; }else if (e && e.keyCode === 38)

11.7K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

Video.js 使用教程 - 手把手教你基于 Vue 搭建 HTML 5 视频播放器

[npm-success] 在 Vue 中使用 videojs 首先使用 npm 安装 video.js npm i video.js 安装完毕后，在 main.js 中进行引入 import videojs...$video = videojs; 为了代码复用性，我们来创建一个 PlayerVideo 组件。...$video 本质上是 video.js 提供的 videojs 函数，videojs 函数共有三个参数，第一个参数是绑定播放器的元素，第二参数为 options 对象，提供播放器的配置项，第三个参数为播放器渲染后的回调函数...= this.player.currentTime(); this.player.currentTime(currentTime + 5); }, back()...{ const currentTime = this.player.currentTime(); this.player.currentTime(currentTime

13.2K4 1

Vue3开发：视频播放器video.js使用详解

是一个比较流行的视频播放器，它的官网是https://videojs.com/ 本篇文章就来看看在vue3项目中如何使用video.js。...最后初始化播放器： import videojs from "video.js"; const player = videojs(playerId, {autoplay: true}); player.src...播放器操作上面通过videojs创建了一个Player对像，我们就可以通过这个对象的各种函数来操作播放器。...src():string：获取当前视频源 play()：播放 pause()：暂停 paused():boolean：是否暂停 currentTime(number)：设置播放位置，就是seek currentTime...当然videojs提供了Components来使我们可以自定义控制栏，甚至可以在播放器上直接添加Button等，具体可见https://videojs.com/guides/components/ 。

14.5K4 0

如何使用H265视频播放器EasyPlayer.JS调用videojs播放EasyNVR转发的视频流？

播放的问题，下面我来说明一下videojs进行web播放的demo。....js"> videojs-hotkeys/videojs.hotkeys.min.js"> jquery-3.3.1.min.js"> <div class="content-wrapper..., techOrder : ["flash"], autoplay : true }); videojs('videojs').ready(function() { this.hotkeys(...").find("source").attr("src", videoUrl).attr("type","application/x-mpegURL"); player = videojs("videojs

6.9K1 0

EasyNVR、EasyDSS二次开发---RTMP、HLS流在web页面进行无插件播放（demo）

解决方案对于流媒体的web播放器有很多，不管的ckplay、flowplayer、腾讯、阿里等；我们的Easy系列软件使用的是Videojs，因此本篇主要介绍的也是Videojs如何实现HLS、RTMP....js"> videojs-hotkeys/videojs.hotkeys.min.js"> jquery-3.3.1.min.js"> HTML部分主要就是给videojs一个初始化的标签； <div class="content-wrapper...").find("source").attr("src",videoUrl).attr("type","rtmp/mp4"); player = videojs("videojs...VideoJS官网地址：http://docs.videojs.com/

2K1 0

JS-JavaScript类库整理

://www.bootcss.com/ 五、Chart.js 　　——HTML5 canvas 图表绘制工具库　　http://www.bootcss.com/p/chart.js/docs/ 六、Videojs...　　——html视频播放器，开源插件　　http://videojs.com/ 全套、jQuery插件库常用前端库引用地址 http://www.jq22.com/jquery/jquery.html...://www.jq22.com/jquery/jquery-1.9.1.js"> 　　jquery/jquery-1.7.1....js"> 2) jquery-migrate 　　(jQuery版本迁移辅助插件，如果您使用的低版本jQuery改为高版本后出现错误，可以试试这个插件。...jquery/jquery-migrate-1.2.1.min.js"> 3) jQuery UI 　　(以 jQuery

3K2 0

videojs插件使用「建议收藏」

videojs插件使用介绍：兼容性强，开源免费，文档清晰，界面可定制等使用整理：使用主要针对于移动端视频播放，考虑的点：视频显示适配手机宽度；适配定义样式；在微信端，安卓、ios视频空间控件不同，定制等会自动被微信视频控件覆盖..."width": 640 } height or { "height": 480 } Component Options var player = videojs...vjs.Player.md autoplay buffered bufferedEnd bufferedPercent cancelFullScreen deprecated controls currentSrc currentTime...videojs.PowerOff = videojs.Button.extend({ /* @constructor */ init: function(player, options)...{ videojs.Button.call(this, player, options); //onClick为默认事件，不需要人为邦定，否则会调两次 /

11.6K2 1

开源流媒体服务器SRS学习笔记(2) - rtmp http-flv hls 协议配置及跨域问题

please enable JavaScript, and consider upgrading to a web browser that videojs.com...://vjs.zencdn.net/7.4.1/video.js'> videojs-contrib-hls.../5.15.0/videojs-contrib-hls.min.js"> var player = videojs('my-video');...player.destroy(); player = null; } function flv_seekto() { player.currentTime

5.3K5 0

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

import videojs...{ return { player: null } }, mounted() { this.player = videojs...function onPlayerReady() { console.log('onPlayerReady', this); this.currentTime

15.6K3 0

如何开发一款 H5 小程序直播？

使用videojs开发在github找到videojshttps://github.com/videojs/video.js, 可以在这个网址中找到下面的两个文件，下载下来放在我们本地。 ?...https://videojs.com/plugins/ videojs-contrib-hls是一个支持hls直播的video插件。我们找到cdn, 将js保存到本地。...可以看到videojs帮我们处理好了ui问题。是一款可以快速使用矿建。...JS控制部分: volume: 音量(0 - 1) currentTime: 设置获取当前播放时间，单位是秒，超清和高清分别是不同的地址，档切换地址时需要定位时间。...src: 获取视频地址 video.volume = 0.5; video.currentTime = 60; video.src; 可以通过source标签兼容视频地址出错, 这种情况js需要使用currentSrc

4.3K2 0

WordPress一款响应式Alt_Blog主题

WordPress响应式免费主题，一款基于Js+jquery2.1.4+H5/CSS3响应式+Wordpress后台开发，每天活人访问量500-800+IP，百度权重2，百度、Google...canvas背景图插件 │ │ date.js //时光机数据 │ │ index.js //整个网站全局js │ │ javascript.js //只针对首页js文件 │ │ jquery...│ │ swiper.min.js //移动端的swiper轮播插件 │ │ │ ├─video.js │ │ video.min.js //视频插件 │ │ videojs-ie8...xfg_banner //PC端首页banner │ banner-effect.js │ banner.js │ effect.js │ jquery.min.js

1.4K0 0

jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器

viewport" content="width=device-width, initial-scale=1.0"> jquery.com.../mobile/1.3.2/jquery.mobile-1.3.2.min.css"> jquery.com/jquery-1.8.3.min.js">... jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"> videojs.options.flash.swf

7.8K2 0

jQuery源码解析之$().animate()（下）

, tick = function() { if ( stopped ) { return false; } var currentTime...fxNow || createFxNow(), remaining = Math.max( 0, animation.startTime + animation.duration - currentTime...function() { if ( stopped ) { return false; } //当前时间的时间戳 var currentTime...记录下剩下的的时间在总时间（duration）中的位置 remaining = Math.max( 0, animation.startTime + animation.duration - currentTime...false; }, } 解析：通过动画持续时间duration、动画开始时间animation.startTime和每次调用requestAnimationFrame后动画结束时间currentTime

2.1K1 0

分享 42 个面向前端开发的 JS 库和框架

04、jQuery 地址：https://jquery.com/ jQuery 是前端开发人员最常用的库之一。...15、VideoJS 地址：https://videojs.com/ VideoJS 是基于 HTML5 视频平台构建的视频播放器，支持多种格式，例如 YouTube 和 Vimeo 流媒体。...VideoJS的一些优点：设计美观，有多种主题可供选择，适用于媒体播放器，可以在电脑和手机上运行，提供100多个插件来帮助您轻松计算和添加新功能。

8.3K3 1

JS指定音频audio在某个时间点进行播放，获取当前音频audio的长度，音频时长格式转化

// currentTime 属性设置或返回音频/视频播放的当前位置（以秒计）。...myVid.currentTime = 20; //默认指定音频默认从20s的时候开始播放（默认时间为s） myVid.oncanplay = function () {...mp3.9ku.com/hot/2005/05-19/65937.mp3" type="audio/ogg"> jquery.../2.0.0/jquery.min.js"> $(function () {...// currentTime 属性设置或返回音频/视频播放的当前位置（以秒计）。

12.7K2 1

前端切图:自制简易音乐播放器

line-height:40px; } jquery.com.../jquery-1.8.0.min.js";> ...-- jquery 有一个 data 方法可以直接获取--> 在见 <lidata-src="2...判断当前音乐是否播放完毕 if(audio.ended){//播放完毕时 ended 状态为 true audio.currentTime...varsrc=$(this).data("src"); //设置音频的播放时间 audio.currentTime

3010 0

前端切图:自制简易音乐播放器

line-height:40px; } jquery.com.../jquery-1.8.0.min.js";> ...-- jquery 有一个 data 方法可以直接获取--> 在见 <lidata-src="2...判断当前音乐是否播放完毕 if(audio.ended){//播放完毕时 ended 状态为 true audio.currentTime...varsrc=$(this).data("src"); //设置音频的播放时间 audio.currentTime

1.5K3 0

前端切图:自制简易音乐播放器

line-height:40px; } jquery.com.../jquery-1.8.0.min.js";> ...-- jquery 有一个 data 方法可以直接获取--> 在见 <lidata-src="2...判断当前音乐是否播放完毕 if(audio.ended){//播放完毕时 ended 状态为 true audio.currentTime...varsrc=$(this).data("src"); //设置音频的播放时间 audio.currentTime

2.1K4 0

视频试看5分钟

viewport" /> jquery.com.../jquery-3.1.1.min.js"> 视频试看 *{ margin...document.getElementById("player"); pl.addEventListener("timeupdate",function(){ if(parseInt(pl.currentTime...pl.setAttribute('src','https://y1pindao.com/app/img/mp4/afd83049775b55c1f9e93132d9ff1e3f.mp4') pl.currentTime

1.2K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭