js视频播放器DPlayer，video.js

最新推荐文章于 2024-06-07 10:16:52 发布
最新推荐文章于 2024-06-07 10:16:52 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29058883/article/details/103861562
版权

DPlayer

中文文档

http://dplayer.js.org/zh/guide.html#special-thanks

videojs

这个只有英文文档

https://docs.videojs.com/index.html

https://docs.videojs.com/docs/api/video.html

 

video 标签在微信浏览器的问题解决方法

关于HTML5 video标签在安卓版微信浏览器内被强制全屏播放的问题

video 标签在微信浏览器的问题解决方法

开启同层播放   安卓版微信的video  坑不断

//视频background要设置成none

<video src="您的视频或直播m3u8文件的Url"

x5-video-player-type="h5" //启用H5播放器,是微信安卓版的专有特性，恶心不？

x5-video-player-fullscreen="true"  //全屏设置，防止横屏

></video>

 解决部分mp4视频在ios上无法播放问题

总结：H264编码的压缩级别  ios不支持

转码

 

 

wjp@001
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dplayer js控制 自动全屏_DPlayer简单用法
weixin_42496225的博客
12-23 4291
DPlayer是一个支持弹幕的 HTML5 视频播放器。支持 Bilibili 视频和 danmaku，实时视频(HTTP Live Streaming，M3U8格式)以及 FLV 格式。用法HTML选项var dp = new DPlayer({element: document.getElementById('player1'), // 可选，pl...
播放器 dplayer.js.org
熊宗的博客
05-25 1269
安装 使用npm： npm install dplayer --save 使用纱线： yarn add dplayer ＃快速开始 首先，让我们初始化一个最简单的DPlayer 加载DPlayer文件 <div id="dplayer"></div> <script src="DPlayer.min.js"></script> 或与模块捆绑器一起使用： import DPlayer from 'dplayer'; ...
DPlayer - 免费开源、轻量简洁的 HTML5 视频播放器，支持弹幕播放、清晰度切换、倍速播放
最新发布
那些免费的砖
06-07 2314
最近我在使用的一款简单容易集成的 web 视频播放组件，支持播放 B站弹幕。
DPlayer.js视频播放插件
weixin_43193877的博客
04-26 7407
DPlayer.js视频播放插件简单的使用 主要用到了实现了：视频播放 、监听开始、结束、暂停、播放时间、切换视频 官方文档：http://dplayer.js.org 效果图: ** 注意：我是在本地起了个服务，用局域网连接到手机测试，其中苹果手机中，视频的跳转视频位置失效，安卓手机良好，目前没解决…后续有时间会持续更新 ** 代码部分 html： <link rel="styl...
uniapp使用Dplayer.js实现视频播放
Ap546464shsksk的博客
04-28 1429
uniapp使用Dplayer.js实现视频播放
uniapp app端播放实时监控视频 使用DPlayer.js flv.js
m0_55881852的博客
08-20 3831
uniapp app端播放实时监控视频 使用DPlayer.js flv.js
uniapp引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频
11-15
在本文中，我们将深入探讨如何在uniAPP中引入Dplayer.js和hls.js库，以实现对m3u8直播流视频的解析和播放。uniAPP是一个基于Vue.js的跨平台开发框架，允许开发者编写一次代码，应用于多端运行，包括iOS、Android、...
video.js-component:Video.js - HTML5 视频播放器 - 组件
07-08
此存储库已弃用！ 除非你真的 100% 确定你需要，否则不要使用它 ... 不接受针对此 repo 的 PR 或问题，因为此时使用它的唯一原因是您需要安装旧版本的 Video.js。 video.js-组件 bower 和 component(1) 文件的回购
DPlayer, 哇这么可爱的HTML5 danmaku视频播放器.zip
10-10
6. **丰富的API接口**：为了方便开发者集成和扩展，DPlayer提供了丰富的JavaScript API接口，可以通过调用来控制播放器的各种行为，如播放、暂停、获取当前播放时间等。 7. **Markdown支持**：DPlayer支持弹幕内容...
DPlayer一个HTML5弹幕视频播放器
08-07
在DPlayer中，HTML5的`<video>`标签用于嵌入视频内容，通过JavaScript进行控制和操作。与早期的Flash技术相比，HTML5视频具有更好的跨平台兼容性和性能，且无需额外插件。 **JavaScript开发** DPlayer的实现离不开...
vue通过video.js解决m3u8视频播放格式的方法
12-10
ccnp install videojs-contrib-hls --save 网上有说video.js版本太高不能使用，不能使用7以上的版本，用5版本的，最后结果测试，根本不需要什么低版本的高版本的，7版本以上的没有任何问题。小编已经亲自试验过 2.
dplayer.zip
08-30
dplayer跟自己的电影网站插上自己的弹幕功能, 需要的可以下载, 详细介绍也写成博客
Dplayer实例.rar
08-12
关于Dplayer的使用示例 法律声明：使用必看：1.仅供学习...（具体参考‘使用必看.txt’） 如果不清楚的小白可以借用参考
VueDPlayer一个基于vue2和DPlayer的视频播放组件
08-09
Vue-DPlayer一个基于vue2和DPlayer的视频播放组件。支持循环播放，自动播放，可选择语言，支持截屏，设置快捷键等。
您的浏览器不支持 video 标签_vue 中使用video.js 实现m3u8视频播放格式
weixin_39904809的博客
11-24 1607
官方文档：https://docs.videojs.com/tutorial-vue.htmlH5 的 video 标签不支持m3u8视频播放，所以借助于 video.js1、video 定义与用法<video>是html5 的新标签，用于定义视频。<2、video 标签的基本属性autoplay 视频就绪，自动播放controls 向用户展示控件，比如播放按钮、全屏heigh...
【源码-弹幕服务-Dplayer】Danmaku PHP API - 一个功能丰富的Dplayer.JS配套的可扩展视频站弹幕API服务器
qq_30836733的博客
07-06 2426
这是一个PHP弹幕API，可以在服务器端部署伪静态以运行。支持本地数据库保存弹幕和解析Bilibili的弹幕。也支持自行扩展。本代码的作者为笔者本人。
uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件，文末有项目代码可供下载
热门推荐
wang_9909的博客
09-08 1万+
uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件，文末有项目代码可供下载
dplayer js控制 自动全屏_video.js默认一进页面就全屏，为什么报错
weixin_36292762的博客
02-23 1551
如果你是用的这个库链接描述官方文档找到全屏代码，你这报错可能api 更新了，没有这个方法或者你用错方式了。如果不是用的这个库那就不知道了。Making the player fullscreenTo check if the player is currently fullscreen call the isFullscreen function on a player like so.var m...
html视频自动播放播放器,支持弹字幕HTML5视频播放器DPlayer
06-06
感谢您的提问。DPlayer 是一个支持弹幕的 HTML5 视频播放器，可以实现视频自动播放功能。以下是使用 DPlayer 实现视频自动播放的示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>DPlayer 自动播放示例</title> <script src="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.css"> </head> <body> <div id="dplayer"></div> <script> const dp = new DPlayer({ container: document.getElementById('dplayer'), video: { url: 'your_video_url', autoplay: true, subtitle: { url: 'your_subtitle_url', type: 'webvtt', }, }, }); </script> </body> </html> ``` 以上代码中，`autoplay: true` 表示自动播放视频，`url` 是视频的链接地址，`subtitle` 是字幕的配置，`type` 可以设置字幕的格式，如 srt、vtt 等。您可以根据自己的需要进行调整。希望能对您有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值