首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

videojs播放器插件使用详解

1、videojs简介 Video.js是一款web视频播放器,支持html5和flash两种播放方式。...Video.js特定的选项 undefined除非另有说明,否则默认情况下每个选项 aspectRatio 类型: string 将播放器置于流体模式,并在计算播放器的动态大小时使用该值。...language 键入:string,默认值:浏览器默认值或’en’ 与播放器中的一种可用语言匹配的语言代码。这为播放器设置了初始语言,但始终可以更改。...例如: videojs('my-player', { playbackRates: [0.5, 1, 1.5, 2] }); plugins 类型: Object 这支持在初始化播放器时使用自定义选项自动初始化插件...有关Video.js插件的更多信息,请参阅插件指南。 sources 类型: Array 一组对象,它们反映了本机元素具有一系列子元素的能力。这应该是带有src和type属性的对象数组。

52.8K117
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    iOS--React Native视频播放器插件

    在React Native移动平台项目开发中,除了React Native 提供的封装好的部分插件和原声组建外,在实际的项目中还需要使用到很多其他的插件,比如网络请求、数据库、相机、相册、通讯录、视频播放器...、浏览器、蓝牙连接、图片处理、消息推送、地图、统计、埋点等等APP开发中需要用到的功能,都为IDE开发平台提供封装好的插件,以便项目开发使用。...这篇文章重点介绍原生视频播放器插件的开发与使用。 源码Demo获取方法 如果需要React Native浏览器插件源码demo,欢迎关注 【网罗开发】微信公众号,回复【63】便可领取。...二:实现思路分析 原生视频播放器插件是需要实现打开js端调用播放方法传入的视频链接URL,具体的实现思路如下: 新建mediaPlay类,实现RCTBridgeModule协议 添加RCT_EXPORT_MODULE...创建一个视频播放控制器 视频播放器是使用iOS原声来实现视频的播放,创建一个视频播放控制器代码如下: -(AVPlayerViewController

    1.1K10

    网站通过代码引入Aplayer音乐播放器,无需插件

    前言 前几篇文章写了WordPress通过Hermit X插件引入网易云等音乐,但在我实际使用中发现了一些小bug已经影响到了深白站的日常使用,所以不得不放弃通过插件引入的方法。...这里推荐直接用插件引入,毕竟方便省力,具体可以看我上上篇文章。...音乐播放器的音乐信息,歌词,进度条,音量,顺序模式,循环模式都支持。可以使用三方音乐外链,还可以使用自己的音乐链接。...不过这次是去插件化,直接通过html的方式引入,相对于插件的方法无非就是每一次都得插入html来使用,不过范围大大扩大,只要你的网站支持html都可以直接引入。...,当该播放器开始播放时暂停其他播放器 listFolded false 列表是否先折叠 listMaxHeight - 音频列表最大高度 第三方音乐引入 单曲引入 因为我一般是在文章里插入,所以一般是单曲引入

    6.3K10

    首个基于西瓜播放器的WordPress m3u8视频播放器插件wp xgplayer

    前段时间不是写了基于videojs播放器插件吗,然后看见有人说国内用DPlayer来搭配的比较多,我就找了下DPlayer,但是找的途中,才看见了西瓜播放器这款产品,是字节跳动旗下的开源产品。...所以我就直接放弃DPlayer,改用西瓜播放器来试了下。...相比之前Wpmvp的播放器插件,功能差不多,但是代码有所不同,因为识别问题,由于我技术不到家,最后只能都改成js了,所以可能会有兼容问题,后续看用户反馈,如果没什么人用就不管了,播放器这个东西其实和videojs...插件功能: 只支持mp4和m3u8视频 支持视频截图 支持多个视频 支持下一集 画中画 短代码 倍速选择 样式全屏 禁用了右键菜单 经典编辑器快捷键 古腾堡编辑器快捷引入 插件名称:Wordpress...西瓜M3U8视频播放器(wp xgplayer – 简称 wpxgp) 下载回复:wpxgp videojs版本视频播放器插件:Wpmvp (与网站的兼容性更好,支持格式更多) 短代码: 单个视频 [xgplayer_video

    58410

    MusicFree(音乐播放器) v0.1.0-alpha.1 全新插件接口

    musicfree是由一个叫猫头猫的网友开发的开源项目,定义为一个插件化、定制化、无广告的免费音乐播放器,目前只支持安卓和鸿蒙。...导入特定插件接口,你几乎可以听到全网最全的音乐资源,软件已开源,你可以永久免费使用。 软件安装后只是一个空壳,无任何数据、音源等;需导入特定插件接口才能正常使用。...点击主界面左上角,选择【插件设置】之后,你就会看到导入插件的入口 点击右下角的“+”,可以看到支持本地安装、网络安装(也就是网络接口链接)。输入接口,这里分享迷会把作者提供的接口分享给大家。...正如作者说的,这个工具本身只是个工具,可以做的用途也很多,比如能听歌也就可以听有声小说等资源,有心的人可以去开发相应的插件接口,不必局限于音乐,可以整合任何音频资源,大家低调使用吧。...v0.1.0-alpha.1 【功能】插件更新,升级到新版本之后原有插件完全不兼容;更新后卸载原有插件,然后更新订阅即可(具体看公众号示例) 【功能】新增功能“倍速播放” 【功能】重写了插件订阅的逻辑,

    7.6K10

    Flutter插件式解耦架构在播放器领域中的应用

    项目背景 播放器作为应用内使用最频繁的SDK之一,尝尝需要应对多种应用场景,因此如何通过合理设计框架,从而根据各个团队的需求开发出针对性的业务插件,是播放器SDK应用使用多种实用场景的重要思路。...解耦架构 [解耦架构] 可以看到,在解耦架构下,所有的第三方功能均从内核中拆出,如画中画、换链、控制面板、上报等,使得内核保持纯粹,并且在需要的时候可以组合多个插件。...这里以UI控制面板为例,阐述一下Flutter场景下的播放器UI插件化开发的应用。...└── utils │ └── ftp_ui_utils.dart ├── ftp_panel.dart 其中ftp_panel_base.dart为基础抽象类,提供FTPController给插件访问...这里通过extension的方式为FTPPlayerController增加了使用腾讯云vid换链功能的方法,只要import对应的扩展方法,即可无缝实用插件方法。

    95130

    WordPress m3u8 html5视频播放器插件Wpmvp

    ,搜着搜着就看见一款国外的插件,就下载看了下,基本需求是能满足了,只是他里面的语言识别无效,功能也很基础,所以我根据他调用的html5播放器,自己写了一个。...用的videojs html5播放器,由于在插件内置了播放器文件包,所以插件整体就有点大,毕竟是一个视频播放器。...插件名称:HTML5 M3U8视频播放器(Wpmvp - WordPress M3u8 Video Player) 下载公众号回复:wpmvp 现在的功能: 支持mp4、m3u8、webm、mkv、mov...插件调用的js有点多,我都在代码写了注释,可以按需修改,用不到可以自己删了: 播放器核心:video.min.js 播放器倍数选择:videojs-playbackrate-adjuster.min.js...wp-mvp-gutenberg-block.js 播放器:VideoJS - HTML5视频播放器 https://videojs.com/ 插件开发萌芽:videojs-html5-player

    44210
    领券