一个很好看的弹幕视频播放器。
屏幕截图
安装
$ npm install dplayer --save
用法
HTML
<link rel=" sheet" href="DPlayer.min.css"> <!-- ... --> <div id="player1" class="dplayer"></div> <!-- ... --> <script src="DPlayer.min.js"></script>
JS
var dp = new DPlayer(option); dp.init();
Options
var option = {
element: document.getElementById('player1'), // Optional, player element
autoplay: false, // Optional, autoplay video, not supported by mobile browsers
theme: '#FADFA3', // Optional, theme color, default: #b7daff
loop: true, // Optional, loop play music, default: true
video: { // Required, video info
url: '若能绽放光芒.mp4', // Required, video url
pic: '若能绽放光芒.png' // Optional, music picture
},
danmaku: { // Optional, showing danmaku
id: '9E2E3368B56CDBB4', // Required, danmaku id, MUST BE UNIQUE, CAN NOT USE THESE IN YOUR NEW PLAYER: `https://dplayer.daoapp.io/list`
api: 'https://dplayer.daoapp.io/', // Required, danmaku api
token: 'tokendemo', // Optional, danmaku token for api
maximum: 1000 // Optional, maximum quantity of danmaku
}
}
API
-
dp.init() -
dp.play() -
dp.pause()
-
原文地址：https://www.i847.cn/article/19.html 接口地址：https://movie.i847.cn/dplayer/?url= 接口实例：https://movie.i847.cn/dplayer/?url=https://youku.cdn7-okzy.com/20200322/18040_bb9db323/index.m3u8 1、打开 CDNBye OMS
-
最近在项目开发中需要在Web页面中嵌入视频播放器，并且通过监听一些事件来记录访问者对于视频的一些操作，在此记录使用方法，方便查询使用 (查看演示 http://www.aikannet.com) 1、在页面中加载库文件 <link rel="stylesheet" href="./assets/lib/dplayer/dist/DPlayer.min.css"/> //视频播放器对应样式
-
1.下载对应依赖 npm i dplayer -S npm i hls.js -s 2.封装对应组件 <template> <div ref="videoRef"></div> </template> <script setup> import DPlayer from 'dplayer' import Hls from 'hls.js'; import { ref, reac
-
Dplayer插件使用 在Vue2中使用dplayer视频播放器，代码如下， <template> <!-- DPlayer --> <div> <div id="dplayer" ref="myvideo"></div> <button @click="jumpTo">跳转到第10秒</button> <button @click="getDuration">视频总
-
摘要 Dplayer播放器框架从浏览器自身的videoDOM组件继承扩展而来，因此其本身只支持如下三种媒体类型。其他的如m3u8和flv等类型并不支持，需要通过扩展进行。 File Format Media Type MP4 video/mp4 WebM video/webm Ogg video/ogg 而Dplayer文档本身叙述并不十分清晰，因此，本文仅对这类支持做出一些个人见解的描述，如有谬
-
DPlayer 是一个支持弹幕的 HTML5 视频播放器。支持 Bilibili 视频和 danmaku，实时视频(HTTP Live Streaming，M3U8格式)以及 FLV 格式。 用法 HTML 选项 var dp = new DPlayer({ element: document.getElementById('player1'), // 可选，player元素 autoplay:
-
1. 安装依赖 cnpm i -S dplayer 或 yarn add dplayer 2. 引入依赖 import DPlayer from "dplayer"; 3. 初始化播放器 //播放器容器 <template> <div> <div id="dplayer"></div> </div> </template> //初始化 let options = { cont
-
在h5中用视频播放器DPlayer 监听竖屏和横屏(webfullscreen、fullscreen)，更改水印范围，在竖屏的时候没问题，在横屏的时候看不到水印
-
本文向大家介绍jquery实现直播视频弹幕效果，包括了jquery实现直播视频弹幕效果的使用技巧和注意事项，需要的朋友参考一下 JQ实现弹幕效果，快来吐糟你的想法吧 代码如下，复制即可使用： 实例扩展： 到此这篇关于jquery实现直播视频弹幕效果的文章就介绍到这了,更多相关JQ实现弹幕效果内容请搜索呐喊教程以前的文章或继续浏览下面的相关文章希望大家以后多多支持呐喊教程！
-
视频播放器Dplayer如何监听切换清晰度
-
用 AVPlayer 类写的简易视频播放器，可以播放来自互联网的视频，支持手势缩放视频。只能播放iPhone支持的视频格式。 目前有两点不足：一是无法调节音量；二是手势放大缩小之后滑动快进快退也不太正常。希望有其他开发者在此基础上继续改进。 [Code4App.com]
-
主要内容：HTML视频（Videos）播放,实例,问题以及解决方法,使用 <embed> 标签,实例,使用 <object> 标签,实例,使用 HTML5 <video> 元素,实例,最好的 HTML 解决方法,HTML 5 + <object> + <embed>,使用超链接,实例,关于内联视频的说明,HTML 多媒体标签在 HTML 中播放视频的方法有很多种。 HTML视频（Videos）播放 实例 <video width="320" height="240" controls> <sou
-
我遵循了一些关于将JavaFX与Swing（JFrame）结合起来播放视频的教程，但是我得到的只是一个黑屏，视频应该没有任何实际的内容播放，也没有错误报告。 我在这里做错了什么，为什么视频不播放？ 我尝试了几个. flv视频，没有一个会开始播放（当我在浏览器中打开它们时，它们确实会播放） 我正在运行jre7和jdk1。安装了K-lite完整编解码器包的windows 8.1 N Pro上的7.0_
-
在 HTML 中播放视频的方法有很多种。 HTML视频（Videos）播放<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="movie.webm" type="video/
-
正常模式下不播放同一视频。 我的问题是， 当我尝试播放视频，我得到的只是空白视频，但我得到了所有的音频和字幕。 我的代码有什么错误。请给我任何建议。