关于vue使用vue-video-player无法播放视频的问题

vue-video-player正常全局加载后
并使用却无法加载本地MP4的视频

本地MP4视频放在同级别目录下

图片说明

资源路劲配置

图片说明

视频播放的时候显示无法加载 不支持
图片说明

控制台输出
图片说明

浏览器播放MP4视频是可以的
换成其他本地资源路劲也是一样问题
求问怎么解决

3个回答

你引入的是本地资源,要把资源写在“require”方法里。
我也是今天碰到这种情况:

sources: [{
      type: "video/mp4",//这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目
      src: require("../../assets/video/非凡 杰出 不同凡响.mp4") //url地址
    }],
    poster: require("../../assets/images/胶片bg001.png"), //你的封面地址

写在require里面会有一个问题!! 没办法动态更新视频的src

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue项目基于vue-video-player实现rtmp直播流视频一直出不来

以下是我的组件代码: 1、控制台也没有报错 2、更换了几个视频源的路径也没有出来(香港卫视: rtmp://live.hkstv.hk.lxdns.com/live/hks CEN-中经电视: rtmp://116.213.200.53/tslsChannelLive/PCG0DuD/liveCCTV 证券资讯: rtmp://live.cctvcj.com/cctvcj/live1) 3、修改sources中的type为:type: "rtmp/mp4",还是播放不了 前辈们帮忙分析一下问题出在哪了 ``` <template> <div style="width:500px;height:700px;margin:0 auto;"> <videoPlayer class="vjs-custom-skin videoPlayer" :options="playerOptions"></videoPlayer> </div> </template> <script> import "video.js/dist/video-js.css"; import { videoPlayer } from "vue-video-player"; import "videojs-flash"; export default { components: { videoPlayer }, data() { return { playerOptions: { height: "300", sources: [ { type: "rtmp/flv", src: "rtmp://116.213.200.53/tslsChannelLive/PCG0DuD/liveCCTV" } ], techOrder: ["flash"], autoplay: false, controls: true } }; }![图片说明](https://img-ask.csdn.net/upload/201906/06/1559807928_528101.png) }; </script> ```

vue-video-player 在移动端无法点击视频 暂停/播放 求帮助!!

PC是正常的,移动端就不行. ``` ```<div class="card-height"> <div class="video-container"> <div class="container"> <div class="player"> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" @play="onPlayerPlay($event)" @pause="onPlayerPause($event)" @touchEnd="handleVideo" > </video-player> </div> </div> ``` ``` 而且父元素添加点击事件也无效,请问怎么解决

vue-video-player 报错 ,请问怎么解决

vendor.fec61cdf0ab67b1c1d30.1557884654290.js:50 VIDEOJS: WARN: player.hls is deprecated. Use player.tech_.hls instead ``` import 'videojs-contrib-hls' import { videoPlayer } from 'vue-video-player'; <div class="video-container"> <div class="container"> <div class="player"> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" @play="onPlayerPlay($event)" @pause="onPlayerPause($event)" @touchEnd="handleVideo" > </video-player> </div> </div> </div> 代码部分 ```

vue-video-player 怎么实现截图功能呢?

vue-video-player 怎么实现截图功能呢? 原生的H5和canvas可以截图的

vue-video-player报错

我按着这个网址的写法去做[(点击查看)](https://blog.csdn.net/fei565789229/article/details/78925395 "")到最后增加hls支持的时候报错:![图片说明](https://img-ask.csdn.net/upload/201805/11/1526025338_637131.jpg)如果不加这个hls支持的话,又一直显示此视频无法查看,在没加这个hls的时候如果用mp4格式的是可以播放,请问大神,这是什么原因呢?该怎么解决?请大神来解答一下下咯。。。。。

ckplayer vue中怎么让视频不要自动加载呢,我是默认暂停的,想要播放的时候再加载

怎么让视频不要自动加载呢,我是默认暂停的,想要播放的时候再加载 ``` videoObject: { container: '', variable: 'player', width: '100%', height: '100%', autoplay: false, poster: '',//封面图 html5m3u8:true, video: 'https://tx.hls.huya.com/huyalive/94525224-2460685722-10568564701724147712-2789253838-10057-A-0-1_1200.m3u8',//视频地址 type: 'm3u8', }, let player = new ckplayer(this.videoObject); ```

Vue JS直播进度条

<div class="post-text" itemprop="text"> <p>I have the following scenario: A user clicks on a button in the settings .<br> This button will do a resource get call which calls an API.<br> This API will do nothing but some processing.<br> It will make a call to an ERP system and then process that result into a database.</p> <p>Now I've managed to achieve all of the above.<br> However, I wish to have a live progress bar which will display the state of the processing.<br> Now I've googled a lot on how to achieve this but sadly I haven't found anything yet.</p> <p>Could anyone help me in the right way?</p> <p>**** EDIT ****</p> <p>I'll try to give some more details.</p> <p>I have a button in a Vue</p> <pre><code>&lt;button type="button" class="btn btn-space btn-primary md-trigger" v-on:click="syncItemGroups();"&gt;{{ $t('titles.erp.sync_item_groups') }}&lt;/button&gt; </code></pre> <p>The onclick event calls the Vue method syncItemGroups() which contains the following code:</p> <pre><code>syncItemGroups() { var _this = this; this.$dispatch('add-global-loader'); _this.erpItemGroups = []; this.syncItemGroupsDataSource.get().then(function (response) { _this.erpItemGroups = response.data.erpItemGroups; _this.erpItemGroupsCount = _this.erpItemGroups.length; _this.$dispatch('remove-global-loader'); }); } </code></pre> <p>The API that is being called contains the following code:</p> <pre><code>public function itemGroups() { $tenantId = $this-&gt;getCurrentTenant()-&gt;id; $integration = TenantIntegration::where('type', '=', 'erp')-&gt;where('tenant_id', '=', $tenantId)-&gt;get()-&gt;first(); $this-&gt;getErpProvider()-&gt;syncItemGroups($integration-&gt;id, $tenantId); $itemGroups = ErpItemGroup::whereTenantId($tenantId)-&gt;get(); return [ 'success' =&gt; true, 'erpItemGroups' =&gt; $itemGroups ]; } </code></pre> <p>Within this method the syncItemGroups is being called. This contains a foreach loop which does the processing. Now what i wish to achieve is that within this foreach loop the progress of this loop is being reported back to the website to populate a progress bar.</p> <pre><code>public function syncItemGroups($integrationId, $tenantId) { $connection = $this-&gt;connect($integrationId); $connection-&gt;setDivision(1617429); $itemGroups = new ItemGroup($connection); $result = $itemGroups-&gt;get(); foreach ($result as $itemGroup) { $existingErpItemGroup = ErpItemGroup::where([ ['tenant_id', $tenantId], ['item_group_id', $itemGroup-&gt;Code], ])-&gt;get()-&gt;first(); if (is_null($existingErpItemGroup) || $existingErpItemGroup-&gt;item_group_id !== $itemGroup-&gt;Code || $existingErpItemGroup-&gt;description !== $itemGroup-&gt;Description) { $erpItemGroup = is_null($existingErpItemGroup) ? new ErpItemGroup() : $existingErpItemGroup; $erpItemGroup-&gt;tenant_id = $tenantId; $erpItemGroup-&gt;item_group_id = $itemGroup-&gt;Code; $erpItemGroup-&gt;description = $itemGroup-&gt;Description; $erpItemGroup-&gt;save(); } } } </code></pre> <p>Hopefully it's clear now what i wish to achieve.</p> <p>Thanks in advance.</p> <p>Kind regards, Pim Dröge</p> </div>

vue的 transition-group 轮播图在图片播放时页面会自动跳转到顶部

我用vue的 transition-group 写了一个轮播图的组件,放入页面后正常,但是只要页面向下滚动一点, 在轮播图跳转的时候页面也就自动回到顶部了,请问一下这个问题出在哪里,然后需要怎么解决呢?求大神帮帮忙 我的组件代码如下: ``` <template> <div id="transition-a"> <div class="box"> <!-- <ul> --> <transition-group tag="ul" name="mj"> <li v-for="(img,$index) in imgList" :key="$index" v-show="index == $index"> <h2>{{$index+1}}</h2> <img :src="img.url" alt=""> </li> </transition-group> <!-- </ul> --> </div> </div> </template> <script> import imgs from "../../static/json.json" export default{ name:"transition-a", data(){ return{ imgList:imgs.data, index:0, } }, methods:{ setTime(){ if(this.index == this.imgList.length - 1){ this.index = 0 }else{ this.index ++ } } }, created(){ setInterval(this.setTime,1000) } } </script> <style scoped> .box{ height: 536px; text-align: center; padding: 60px 0 5000px 0; overflow: hidden; } ul{ list-style: none; padding:0 } </style> ```

Vue+Typescript如何集成阿里云视频点播服务(vod)?

阿里云视频点播服务web集成方式使用的是javascript方式,未提供typescript方式,请问有没有同学有过vue 集成阿里视频点播服务(vod) 或者 typescript集成阿里云视频点播服务(vod)的经验。急急急......在线等┭┮﹏┭┮。

video播放视频没有声音播放音频有声音

video播放视频没有声音(没有音量选择,进度条后面只有一个静音图标) 播放音频有声音(进度条后面有音量大小选择) 下面是代码 //视频 $("#videos").html(""); //document.getElementById("videos").innerHtml=""; var video = infoVO.video; var videos = video.split(","); var videotext=""; for(var vi=0;vi<videos.length-1;vi++){ //alert(videos[int]); videotext+='<td><video src='+videos[vi]+' controls="controls" style="width:100%;heigth:100%"></video></td>'; } //document.getElementById("videos").innerHtml=videotext; $("#videos").html(videotext);

手机端 video 视频禁止播放时全屏播放

手机端使用 video 播放视频的时候,点击播放就会进入全屏模式。 但是我想 点击播放时 是在设置好的宽高下播放。

vue中添加视频属性的问题

如何添加封面图 如何点击封面图之后视频播放 如何控制自动播放还是手动播放,求大佬们的代码详解

video标签中poster属性的使用

``` <!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <title></title>  </head> <body> <video width="320" height="240" poster="http://img.youguoquan.com/uploads/users/header/f99a9c581c52b5e2245d7e5feb08e2ba.jpg" controls> <source src="http://img.youguoquan.com/uploads/crowd/videos/2017/07/28/8a5852432f0d496964240b1f41aa3ab9.MP4" type="video/mp4"> </video> </body> </html> ``` ``` 需求:如上的代码,在手机端,视频播放退出后,视频的底图应该仍然是播放前的视频底图(即poster属性加上的预览图),而不是视频播放后的最后一帧的图像 ```

vue实现带截图和分屏的功能

右侧是菜单,左侧区域是视频,左侧区域视频做分屏处理,鼠标悬浮上去,展示播放 声音 以及选中 和截图下载功能。 分屏功能类似网站的这个功能:http://nvr.liveqing.com:10800/#/screen。这个网站视频点击选择通道就可以选中视频播放。 而且视频为h5视频。需要能播放rstp视频流地址: 下面是写的代码,但是不知道怎么不同视频播放不同rstp视频。并且还有截图功能。目前想到的是canvas截图功能,具体写法不怎么熟悉,而且希望图标能跟http://nvr.liveqing.com:10800/#/screen这网站的播放器图标类似,鼠标移入显示图标。目前我的视频图标是视频本身默认自带的。 我需要解决的问题是: 1、不同视频播放不同rstp视频 2、实现鼠标移入出现视频自定义图标, 3、实现视频截图功能。 4、分屏优化 5、最好是能提供播放rstp流的代码以及思路以及上面1、2、3、4等代码以及思路 要实现的详细功能阐述: 一、未播放状态 1、默认显示未播放状态 2、点击选中播放框,再单击左侧摄像机列表中的摄像机,对应选中的播放框中开始加载显示视频 二、播放中状态 1、显示实时视频画面,左上角显示当前时间、右下角显示摄像机名称 2、鼠标移入时显示截图、静音、全屏、关闭、视频算法选择select功能 (1)点击视频画面,选中当前视频播放框,可重新选中摄像机播放新的视频流 (2)点击右上角的“关闭”图标,关闭当前视频画面,显示为未播放状态 (3)鼠标移入右下角 截图图标,显示“截图”提示信息;点击截图图标,对当前画面进行截图,图片自动保存到系统-下载目录中 (4)视频默认播放有声音,可通过点击右下角的喇叭图标进行静音和取消静音切换,鼠标移入图标相应显示静音或取消静音提示信息 (5)右下角全屏,鼠标移入,显示“全屏”信息,点击将全屏显示当前视频 (6)左下角显示 实时视频和智能视频切换,智慧视频即叠加了算法的视频画面 ![图片说明](https://img-ask.csdn.net/upload/202006/07/1591505053_9990.png) 下面是写的分屏的代码: ``` <template> <!-- 分屏 --> <div style="overflow: hidden;"> <el-row type="flex" :gutter="10" justify="center" v-show="!fullscreen"> <el-col :span="4"> </el-col> <el-col :span="16"><div class="grid-content bg-purple"> <el-button-group> <el-button :type="classtype1" @click="selecttype('classtype1',1,24)">单屏</el-button> <el-button :type="classtype2" @click="selecttype('classtype2',4,12)">四分屏</el-button> <el-button :type="classtype3" @click="selecttype('classtype3',9,8)">九分屏</el-button> <el-button :type="classtype4" @click="selecttype('classtype4',16,6)">十六分屏</el-button> <el-button > <div class="btn-fullscreen" @click="handleFullScreen"> <el-tooltip effect="dark" :content="fullscreen?`取消全屏`:`全屏`" placement="bottom"> <i class="el-icon-rank"></i> </el-tooltip> </div> </el-button> </el-button-group> </div> </el-col> <el-col :span="4"> </el-col> </el-row> <div class="main"> <div class="conter"> <el-row :gutter="10" > <el-col v-for="(n,index) in fornum" :xs="24" :sm="24" :md="clonum" :lg="clonum" :xl="clonum" :key="index" > <div class="player-wrapper" element-loading-text="加载中..." element-loading-background="#000"> <div class="video-wrapper" :id="`videoid${n}`"> <div class="video-inner live hide-waiting" style=""> <div class="alt" :class="selectedindex === index? 'altChange' :'alt'" @click="getVideo(index, item)"> <div class="talbetop"> <div style="" class="video"> <ali-player @play="play($event)" class='aliPlayer' :useFlashPrism="true" :autoplay="true" :isLive="true" :rePlay="false" :showBuffer="true" showBarTime="5000" width="100%" height="100%" controlBarVisibility="hover" source="rtmp://124.139.232.61:1935/live/livestream" > </ali-player> </div> <div class="operate"> <div class="close-video"> <svg class="svg-icon" style="width:24px; height:24px; margin-top:-0.05rem;left:40;vertical-align: middle; fill:#52C41B"> <use xlink:href="#close"></use> </svg> </div> <div class="operate-button"> <div class="button-option"> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in optionValue" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </div> <div class="button-right"> <svg class="camera-icon" style="width:24px; height:24px; margin-top:-0.05rem;left:40;vertical-align: middle; fill:#52C41B"> <use xlink:href="#camera 2"></use> </svg> <svg class="voice-icon" style="width:24px; height:24px; margin-top:-0.05rem;left:40;vertical-align: middle; fill:#52C41B"> <use xlink:href="#voice"></use> </svg> <svg class="fullscreen-icon" style="width:24px; height:24px; margin-top:-0.05rem;left:40;vertical-align: middle; fill:#52C41B"> <use xlink:href="#ic_fullscreen"></use> </svg> </div> </div> </div> <table> <tr> <td>无信号</td> </tr> </table> <div v-show="true" class="selectchannel" @click="dialogFormVisible=true"> 选择通道</div> </div> </div> </div> </div> </div> </el-col> </el-row> </div> <div class="footer"></div> </div> <el-dialog title="收货地址" :visible.sync="dialogFormVisible"> 这是测试 <div slot="footer" class="dialog-footer"> <el-button @click="dialogFormVisible = false">取 消</el-button> <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button> </div> </el-dialog> </div> </template> <script> import aliplayer from "@/components/public/AliPlayer.vue" export default { components: { "ali-player": aliplayer, }, data () { return { fullscreen: false, selectedindex:'', fornum:4, clonum:12, dialogFormVisible:false, videoclass:"padding-bottom: 4px; position: relative; margin: 0px auto;", classtype1:'', classtype2:'primary', classtype3:'', classtype4:'', items:[false,false,false,false], optionValue:[ { value: '1', label: '实时视频' }, { value: '2', label: '安全帽检测' }, { value: '3', label: '火苗检测' }, { value: '4', label: '离岗检测' } ], value:'1' , } }, created(){ let that = this window.onresize = function(){ if(!that.checkFull()){ // alert(that.videoclass) // 退出全屏后要执行的动作 console.log("退出全屏") that.fullscreen = false; //alert(that.fornum) for(let n=1;n<=that.fornum;n++){ //alert('videoid'+n) // alert(document.getElementById('videoid'+n)) document.getElementById('videoid'+n).style = "padding-bottom: 40.25%; position: relative; margin: 0px auto;"; } // that.videoclass="padding-bottom: 43.25%; position: relative; margin: 0px auto; overflow: hidden;", //document.getElementById('videoid1').style = "padding-bottom: 42.25%; position: relative; margin: 0px auto; overflow: hidden;"; // document.getElementById('videoid2').style = "padding-bottom: 42.25%; position: relative; margin: 0px auto; overflow: hidden;"; // document.getElementById('videoid3').style = "padding-bottom: 42.25%; position: relative; margin: 0px auto; overflow: hidden;"; //document.getElementById('videoid4').style = "padding-bottom: 42.25%; position: relative; margin: 0px auto; overflow: hidden;"; // that.tableclass="table-c" } else{ for(let n=1;n<=that.fornum;n++){ // alert('videoid'+n) // alert(document.getElementById('videoid'+n)) document.getElementById('videoid'+n).style = "padding-bottom: 52.25%; position: relative; margin: 0px auto;"; } //document.getElementById('videoid1').style='padding-bottom: 54.25%; position: relative; margin: 0px auto; overflow: hidden;'; //document.getElementById('videoid2').style='padding-bottom: 54.25%; position: relative; margin: 0px auto; overflow: hidden;'; //document.getElementById('videoid3').style='padding-bottom: 54.25%; position: relative; margin: 0px auto; overflow: hidden;'; //document.getElementById('videoid4').style='padding-bottom: 54.25%; position: relative; margin: 0px auto; overflow: hidden;'; } } }, methods:{ //选中 getVideo(index, item){ this.selectedindex=index }, showselect(item1){ this.items=[]; // alert(this.items.length) for(let i=0;i<this.fornum;i++){ if(item1==i){ // alert(item1) this.items[i] = true; }else{ this.items[i]=false; } } }, selecttype(item,fnum,clo) { // alert( this.items[0]) this.items=[]; for(let i=0;i<fnum;i++){ this.items[i]=false; } this.fornum = fnum; this.clonum = clo; if(item==='classtype1'){ this.classtype1='primary' this.classtype2='' this.classtype3='' this.classtype4='' } else if(item==='classtype2'){ this.classtype1='' this.classtype2='primary' this.classtype3='' this.classtype4='' } else if(item==='classtype3'){ this.classtype1='' this.classtype2='' this.classtype3='primary' this.classtype4='' } else if(item==='classtype4'){ this.classtype1='' this.classtype2='' this.classtype3='' this.classtype4='primary' } }, checkFull(){ //判断浏览器是否处于全屏状态 (需要考虑兼容问题) //火狐浏览器 var isFull = document.mozFullScreen|| document.fullScreen || //谷歌浏览器及Webkit内核浏览器 document.webkitIsFullScreen || document.webkitRequestFullScreen || document.mozRequestFullScreen || document.msFullscreenEnabled if(isFull === undefined) { isFull = false } return isFull; }, // 全屏事件 handleFullScreen(){ let element = document.documentElement; let that=this; // alert(this.fullscreen) if (this.fullscreen) { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } // alert("ddd") //that.videoclass='padding-bottom: 42.25%; position: relative; margin: 0px auto; overflow: hidden;'; } else { if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } else if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.msRequestFullscreen) { // IE11 element.msRequestFullscreen(); } // this.videoclass=''; // this.tableclass='table-c' //this.tableclass='alt' } this.fullscreen = !this.fullscreen; } } } </script> <style lang="scss"> body { overflow-x: hidden; /* overflow-y: hidden; */ } .main{ padding: 10px; width: auto; height: 100%; .el-row { // margin-bottom: 20px!important; } } html,body{ height:100% ;margin:0; overflow-x: hidden; } .video-wrapper{ height:auto !important; margin:0; padding-bottom: 0.05%!important; position: relative; margin: 0px auto; // position: relative; top: 0px; bottom: 0px; left: 0px; right: 0px; } .alt { // display: grid; // grid-template-columns: repeat(auto-fit, 48%); // grid-template-rows: repeat(2,160px); grid-gap: 10px 10px; // position: absolute; // margin-bottom: 5px!important; // left: 0; // top: 0; // right: 0; // bottom: 0; background: #000; color: #fff; text-align: center; } .altChange { // justify-content:center; // position: absolute; // left: 0; // top: 0; // right: 0; // bottom: 0; // background: #000; border: 2px solid #00A4FF; box-sizing: border-box; color: #fff; // text-align: center; } .alt table{ width: 100%; height: 100%; } .talbetop{ width: 100%; height: 100%; position:relative; .video{ position: relative; display: grid; // grid-template-columns: repeat(auto-fit, 48%); // grid-template-rows: repeat(2,160px); // grid-gap: 10px 10px; width: 100%; height: 3rem; // position: absolute; // left: 0; // top: 0; // right: 0; // bottom: 0; // background: red; z-index: 1000; .aliPlayer{ width: 100%; height: 100%; // margin-bottom: 10px!important; } } .operate{ .close-video{ position: absolute; top:0; right: 0; } .operate-button{ display: flex; justify-content: space-between; position: absolute; bottom: 0; left:0; width: 100%; background: rgba(#eee,0.1); z-index: 1000000; height: 0.4rem; line-height:0.4rem; .button-option{ width: 1.2rem; height: 0.3rem; line-height:0.3rem; .el-input__inner { -webkit-appearance: none; background-color: #FFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 30px; line-height: 30px; outline: 0; // padding: 0 15px; -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .option-select{ box-sizing: border-box; } } .button-right{ svg{ margin-right: 0.2rem; } } } } } .selectchannel{ position:absolute;right:5px;top:5px; z-index: 10000; } .video-close { // position: absolute; // top: 5px; // right: 5px; color: #fff; font-size: 12px; background-color: hsla(0,0%,50%,.5); padding: 2px 5px; cursor: pointer; border-radius: 2px; max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .table-c table{border-right:2px solid #fff;border-bottom:2px solid #fff;} .table-c table td{border-left:2px solid #fff;border-top:2px solid #fff} /* css 注释: 只对table td设置左与上边框; 对table设置右与下边框; 为了便于截图,我们将css 注释说明换行排版 */ .player-wrapper{ padding-bottom: 5px; } .footer{ background: #000; height: 10%; } </style> ```

jw player进度条如何禁止拖动(快进或后退)

各位大虾: jw player进度条如何禁止拖动(快进或后退),进度条一直显示,就是不能快进和后退。急。。。在线等

html5实现视频断点续播,自动播放,和循环播放

html5实现视频断点续播,自动播放,和循环播放,自动播放好说,另两个没想法

关于移动端视频播放器的一个小问题

想问下大佬,移动端的视频播放器在拖动进度条的时候画面会看起来卡顿,pc端专业的视频处理软件在拖动进度条就显得比较流畅,这应该是移动端拖动进度条时没有逐帧显示画面吧,想请问移动端可以实现pc端那种手动逐帧改变画面的效果吗?

前端支持所有格式视频的播放

前端支持所有格式视频的播放该咋弄,求指导,目前用的video.js

video 怎样点击封面图直接播放

在手机微信和APP里访问h5页面里的视频播放器,不可直接点击封面图直接播放(只能点击播放按钮进行播放),有什么好的办法

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

Java 最常见的 200+ 面试题:面试必备

这份面试清单是从我 2015 年做了 TeamLeader 之后开始收集的,一方面是给公司招聘用,另一方面是想用它来挖掘在 Java 技术栈中,还有那些知识点是我不知道的,我想找到这些技术盲点,然后修复它,以此来提高自己的技术水平。虽然我是从 2009 年就开始参加编程工作了,但我依旧觉得自己现在要学的东西很多,并且学习这些知识,让我很有成就感和满足感,那所以何乐而不为呢? 说回面试的事,这份面试...

机器学习初学者必会的案例精讲

通过六个实际的编码项目,带领同学入门人工智能。这些项目涉及机器学习(回归,分类,聚类),深度学习(神经网络),底层数学算法,Weka数据挖掘,利用Git开源项目实战等。

远程工具,免费

远程工具,免费

java jdk 8 帮助文档 中文 文档 chm 谷歌翻译

JDK1.8 API 中文谷歌翻译版 java帮助文档 JDK API java 帮助文档 谷歌翻译 JDK1.8 API 中文 谷歌翻译版 java帮助文档 Java最新帮助文档 本帮助文档是使用谷

csma/ca和csma/cd的matlab仿真源代码带有详细的注释

csma/ca和csma/cd的matlab仿真源代码带有详细的注释,载波侦听,随意设置节点数,带有炫酷的图形展示效果。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

软件测试入门、SQL、性能测试、测试管理工具

软件测试2小时入门,让您快速了解软件测试基本知识,有系统的了解; SQL一小时,让您快速理解和掌握SQL基本语法 jmeter性能测试 ,让您快速了解主流来源性能测试工具jmeter 测试管理工具-禅道,让您快速学会禅道的使用,学会测试项目、用例、缺陷的管理、

pokemmo的资源

pokemmo必须的4个rom 分别为绿宝石 火红 心金 黑白 还有汉化补丁 资源不错哦 记得下载

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

无线通信中的智能天线:IS-95和第3代CDMA应用_.pdf

无线通信中的智能天线:IS-95和第3代CDMA应用_.pdf

设计模式(JAVA语言实现)--20种设计模式附带源码

课程亮点: 课程培训详细的笔记以及实例代码,让学员开始掌握设计模式知识点 课程内容: 工厂模式、桥接模式、组合模式、装饰器模式、外观模式、享元模式、原型模型、代理模式、单例模式、适配器模式 策略模式、模板方法模式、观察者模式、迭代器模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式 课程特色: 笔记设计模式,用笔记串连所有知识点,让学员从一点一滴积累,学习过程无压力 笔记标题采用关键字标识法,帮助学员更加容易记住知识点 笔记以超链接形式让知识点关联起来,形式知识体系 采用先概念后实例再应用方式,知识点深入浅出 提供授课内容笔记作为课后复习以及工作备查工具 部分图表(电脑PC端查看):

Java8零基础入门视频教程

这门课程基于主流的java8平台,由浅入深的详细讲解了java SE的开发技术,可以使java方向的入门学员,快速扎实的掌握java开发技术!

玩转Linux:常用命令实例指南

人工智能、物联网、大数据时代,Linux正有着一统天下的趋势,几乎每个程序员岗位,都要求掌握Linux。本课程零基础也能轻松入门。 本课程以简洁易懂的语言手把手教你系统掌握日常所需的Linux知识,每个知识点都会配合案例实战让你融汇贯通。课程通俗易懂,简洁流畅,适合0基础以及对Linux掌握不熟练的人学习; 【限时福利】 1)购课后按提示添加小助手,进答疑群,还可获得价值300元的编程大礼包! 2)本月购买此套餐加入老师答疑交流群,可参加老师的免费分享活动,学习最新技术项目经验。 --------------------------------------------------------------- 29元=掌握Linux必修知识+社群答疑+讲师社群分享会+700元编程礼包。 &nbsp;

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

想学好JAVA必须要报两万的培训班吗? Java大神勿入 如果你: 零基础想学JAVA却不知道从何入手 看了一堆书和视频却还是连JAVA的环境都搭建不起来 囊中羞涩面对两万起的JAVA培训班不忍直视 在职没有每天大块的时间专门学习JAVA 那么恭喜你找到组织了,在这里有: 1. 一群志同道合立志学好JAVA的同学一起学习讨论JAVA 2. 灵活机动的学习时间完成特定学习任务+每日编程实战练习 3. 热心助人的助教和讲师及时帮你解决问题,不按时完成作业小心助教老师的家访哦 上一张图看看前辈的感悟: &nbsp; &nbsp; 大家一定迫不及待想知道什么是极简JAVA学习营了吧,下面就来给大家说道说道: 什么是极简JAVA学习营? 1. 针对Java小白或者初级Java学习者; 2. 利用9天时间,每天1个小时时间; 3.通过 每日作业 / 组队PK / 助教答疑 / 实战编程 / 项目答辩 / 社群讨论 / 趣味知识抢答等方式让学员爱上学习编程 , 最终实现能独立开发一个基于控制台的‘库存管理系统’ 的学习模式 极简JAVA学习营是怎么学习的? &nbsp; 如何报名? 只要购买了极简JAVA一:JAVA入门就算报名成功! &nbsp;本期为第四期极简JAVA学习营,我们来看看往期学员的学习状态: 作业看这里~ &nbsp; 助教的作业报告是不是很专业 不交作业打屁屁 助教答疑是不是很用心 &nbsp; 有奖抢答大家玩的很嗨啊 &nbsp; &nbsp; 项目答辩终于开始啦 &nbsp; 优秀者的获奖感言 &nbsp; 这是答辩项目的效果 &nbsp; &nbsp; 这么细致的服务,这么好的氛围,这样的学习效果,需要多少钱呢? 不要1999,不要199,不要99,只要9.9 是的你没听错,只要9.9以上所有就都属于你了 如果你: 1、&nbsp;想学JAVA没有基础 2、&nbsp;想学JAVA没有整块的时间 3、&nbsp;想学JAVA没有足够的预算 还等什么?赶紧报名吧,抓紧抢位,本期只招300人,错过只有等时间待定的下一期了 &nbsp; 报名请加小助手微信:eduxy-1 &nbsp; &nbsp;

Python数据清洗实战入门

本次课程主要以真实的电商数据为基础,通过Python详细的介绍了数据分析中的数据清洗阶段各种技巧和方法。

董付国老师Python全栈学习优惠套餐

购买套餐的朋友可以关注微信公众号“Python小屋”,上传付款截图,然后领取董老师任意图书1本。

linux下利用/proc进行进程树的打印

在linux下利用c语言实现的进程树的打印,主要通过/proc下的目录中的进程文件,获取status中的进程信息内容,然后利用递归实现进程树的打印

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

150讲轻松搞定Python网络爬虫

【为什么学爬虫?】 &nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到! &nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &nbsp; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑

MySQL 8.0.19安装教程(windows 64位)

话不多说直接开干 目录 1-先去官网下载点击的MySQL的下载​ 2-配置初始化的my.ini文件的文件 3-初始化MySQL 4-安装MySQL服务 + 启动MySQL 服务 5-连接MySQL + 修改密码 先去官网下载点击的MySQL的下载 下载完成后解压 解压完是这个样子 配置初始化的my.ini文件的文件 ...

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

网络工程师小白入门--【思科CCNA、华为HCNA等网络工程师认证】

本课程适合CCNA或HCNA网络小白同志,高手请绕道,可以直接学习进价课程。通过本预科课程的学习,为学习网络工程师、思科CCNA、华为HCNA这些认证打下坚实的基础! 重要!思科认证2020年2月24日起,已启用新版认证和考试,包括题库都会更新,由于疫情原因,请关注官网和本地考点信息。题库网络上很容易下载到。

Ubuntu18.04安装教程

Ubuntu18.04.1安装一、准备工作1.下载Ubuntu18.04.1 LTS2.制作U盘启动盘3.准备 Ubuntu18.04.1 的硬盘空间二、安装Ubuntu18.04.1三、安装后的一些工作1.安装输入法2.更换软件源四、双系统如何卸载Ubuntu18.04.1新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列...

sql语句 异常 Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your

在我们开发的工程中,有时候会报 [Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ------ 这种异常 不用多想,肯定是我们的sql语句出现问题,下面...

西南交通大学新秀杯数学建模试题

题目比较难,如果符合大家的口味欢迎大家下载哈,提高你的思维想象能力

Windows版YOLOv4目标检测实战:训练自己的数据集

课程演示环境:Windows10; cuda 10.2; cudnn7.6.5; Python3.7; VisualStudio2019; OpenCV3.4 需要学习ubuntu系统上YOLOv4的同学请前往:《YOLOv4目标检测实战:训练自己的数据集》 课程链接:https://edu.csdn.net/course/detail/28745 YOLOv4来了!速度和精度双提升! 与 YOLOv3 相比,新版本的 AP (精度)和 FPS (每秒帧率)分别提高了 10% 和 12%。 YOLO系列是基于深度学习的端到端实时目标检测方法。本课程将手把手地教大家使用labelImg标注和使用YOLOv4训练自己的数据集。课程实战分为两个项目:单目标检测(足球目标检测)和多目标检测(足球和梅西同时检测)。 本课程的YOLOv4使用AlexyAB/darknet,在Windows系统上做项目演示。包括:安装软件环境、安装YOLOv4、标注自己的数据集、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算)和先验框聚类分析。还将介绍改善YOLOv4目标检测性能的技巧。 除本课程《Windows版YOLOv4目标检测实战:训练自己的数据集》外,本人将推出有关YOLOv4目标检测的系列课程。请持续关注该系列的其它视频课程,包括: 《Windows版YOLOv4目标检测实战:人脸口罩佩戴检测》 《Windows版YOLOv4目标检测实战:中国交通标志识别》 《Windows版YOLOv4目标检测:原理与源码解析》

Spring Boot -01- 快速入门篇(图文教程)

Spring Boot -01- 快速入门篇 今天开始不断整理 Spring Boot 2.0 版本学习笔记,大家可以在博客看到我的笔记,然后大家想看视频课程也可以到【慕课网】手机 app,去找【Spring Boot 2.0 深度实践】的课程,令人开心的是,课程完全免费! 什么是 Spring Boot? Spring Boot 是由 Pivotal 团队提供的全新框架。Spring Boot...

相关热词 c# 解析cad c#数字格式化万 c#int转byte c#格式化日期 c# wpf 表格 c# 实现ad域验证登录 c#心跳包机制 c#使用fmod.dll c#dll vb 调用 c# outlook
立即提问
相关内容推荐