安装npminstallvuevideoplayerS 配置main。jsimportVideoPlayerfromvuevideoplayerrequire（video。jsdistvideojs。css）require（vuevideoplayersrccustomtheme。css）Vue。use（VideoPlayer） 使用templatevideoplayerclassvideoplayervjscustomskinidmyVideorefvideoPlayer：playsinlinetrue：optionsplayerOptionsplayonPlayerPlay（event）pauseonPlayerPause（event）endedonPlayerEnded（event）statechangedplayerStateChanged（event）readyonPlayerReadiedtimeupdateonPlayerTimeupdatevideoplayertemplate js部分data（）｛return｛playerOptions：｛playbackRates：〔1。0〕，可选的播放速度playbackRates：false，可选的播放速度autoplay：false，如果为true，浏览器准备好时开始回放。muted：false，默认情况下将会消除任何音频。loop：false，视频一结束就重新开始。preload：auto，建议浏览器在video加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为，立即开始加载视频（如果浏览器支持）language：zhCN，aspectRatio：16：9，将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例用冒号分隔的两个数字（例如16：9或4：3）fluid：true，当true时，Video。jsplayer将拥有流体大小。换句话说，它将按比例缩放以适应其容器。sources：〔｛type：videomp4，类型src：http：nx。12348。gov。cnflfwxtviewspicturevideoE58AB3E58AA8E6B395E699AEE6B395E5AEA3E4BCA0E78987E28094E28094E5B08FE590B4E6B182E8818CE5A587E98187E8AEB0。mp4url地址｝〕，poster：，封面地址notSupportedMessage：此视频暂时无法播放，请稍后再试，允许覆盖Video。js无法播放媒体源时显示的默认信息。controlBar：｛timeDivider：true，当前时间和持续时间的分隔符durationDisplay：true，显示持续时间remainingTimeDisplay：false，是否显示剩余时间功能fullscreenToggle：true是否显示全屏按钮｝｝，playTime：500，视频观看时长PlaybackTime：播放进度｝｝methods：｛播放回调onPlayerPlay（e）｛console。log（播放回调）console。log（总时长：e。cache。duration）｝，暂停回调onPlayerPause（e）｛console。log（暂停回调）console。log（this。PlaybackTime）｝，视频播完回调onPlayerEnded（e）｛console。log（视频播完回调）console。log（e。cache）｝，播放状态改变回调playerStateChanged（e）｛this。PlaybackTimee。timeupdate｝，获取视频播放进度onPlayerTimeupdate（e）｛this。playTimee。cache。currentTime｝，设置视频进度onPlayerReadied（e）｛e。currentTime（this。playTime）｝｝ cssstylescopeddeep。vjsprogresscontrol｛pointerevents：none！important；禁止拖动进度条｝style
天士力副总的儿子让马化腾为阿里女员工发声，态度十分强硬前言2021年7月27日，在阿里的酒局上，一名组长拉着自己的组员进了包间，并且对酒局上的各位领导说道，看我多好，给你们送来一个美女。不过三巡饭过五味，这个送来的美女成为了……值得关注的智能家居趋势方向根据专业调研机构Statista的数据显示，2021年全球智能家居市场规模将达793亿美元，未来智能家居市场呈现巨大爆发力。不久前举办的国际消费电子展（CES）推出了众多与智能……一汽慌了！6款主要B级车全线下跌俗话说，得B级车者得天下！在B级车中，众多厂家竞争白热化，正是因为这是主战场，具有风向标作用。在4月的B级车销量中，有涨有跌，有欢喜有忧愁。除了某新能源品牌的汽车断崖式下……有哪些可以用一生的海贼王壁纸？需要原图的话私聊小钰吧，这样放上去的像素可能会低一些。下面这些都是一个系列的，一组图放一张，手机里一半都是《海贼王》的图呢，舍不得删掉，珍惜屯图的习惯。顺便一提，悟空问答……闪电修iOS14。6更新！性能下降被修复！iPhone更加流苹果今天推送了iOS14。6正式版更新，同时还有iPadOS14。6、macOS11。4的正式版本。下面来看看iOS14。6有哪些新变化。问题修复iOS14。6包含……为什么汽车使用铅酸蓄电池，换用能量密度更高的锂电池不行吗？给汽车换装能量密度更高的锂电池并没有实际意义。因为以现在的锂电池技术，要想做到和现在汽车上使用的启动型铅酸电池同样的性能，要么锂电池的价格要几倍于铅酸电池，要么重量与铅酸电池相……12代CPU发布时间，性能。以及DDR5内存价格预测英特尔宣布，将于今年10月27至28日举办明为intelInnovation的活动，会上可能会宣布12代CPU的到来。有望在今年年底发售，首发价将会在7000元左右。当然，12……深圳一外卖员涉嫌砍伤市民，警方称已刑拘，平台回应南都讯记者焦明梁近日，有市民向南都记者反馈称，8月9日，其在饿了么平台点外卖时，被送餐延迟的外卖员持刀砍伤，目前该外卖员已被警方刑事拘留。针对此事，饿了么平台回应称，该案件正由……高端被京东抢夺，底层被拼多多占领。如何看待阿里现在的局面？不作不会死！淘宝的流量是所有商家用钱堆出来的，却被马老板去扶持头部直播商家，淘宝一姐，二姐，姐姐姐夫接着来，一般商家举步维艰，薇娅等赚的盆满钵满，大家都开始退店了记不清是……realme（真我）将首发采用天玑810手机8月30日消息，今天早些时候，realme印度公司正式确认将很快带来第一款搭载天玑810处理器的手机。根据此前披露的消息指出，真我将发布的首款天玑810手机将为realme8S……5G基带芯片越来越便宜，4G芯片价格逆势走高，5G被市场倒逼欧界报道：随着缺芯潮在全球范围内的肆虐又退却后，其留下了不少负面影响，其中就包括手机等数码产品、汽车产品以及各类急需芯片的行业无法实现正常的更新换代，成本也陡然上升。似乎……显卡性能天梯图2021显卡性能天梯图显卡目前价格还是比较高，一如既往的高，究其原因，还是供货问题，NVIDIA的显卡优先供应了海外消费者，再进一步深挖原因，还是因为加密货币导致的，加密货币暴涨……