When I install the package via npm, I get a Vue-DPlayer.js file with this line:

Component.options.__file = "/Users/sinchang/gpm/github.com/MoePlayer/vue-dplayer/src/VueDPlayer.vue"

由于有的项目需求是 视频 是实时播放的 , 所有不需要这些时间 或者有没办法点击暂停播放后, 过一会再点击播放, 时间会跳转, 而不是原地不动, 轨道也是不需要的, 该如何做判断 控制他们显示隐藏？
https://i.loli.net/2018/10/29/5bd6ae2a9c6fd.png

我的vide.url是一个变量，但是更改后，播放的视频并没有变化。

在移动端上点击视频播放和暂停都没反应，请问这个问题解决了吗

I am trying to play flv files. I get "This video fails to load". I look at the network in Chrome debugger and I see 1M out of 86M transferred.
I am using nginx as a web server. In the log file I see a transfer of a partial video ( status 206 )

Here is a partial code of the HTML and imports.

What am I doing wrong?

  <div class="video">
    <div class="player">
      <d-player
        ref="player"
        :video="playerOptions.video"
        :preload="playerOptions.preload"
        :autoplay="playerOptions.autoplay"
        :contextmenu="playerOptions.contextmenu"
        :lang="playerOptions.lang"
        @play="onPlayerPlay($event)"
        @pause="onPlayerPause($event)"
        @ended="onPlayerEnded($event)"
        @playing="onPlayerPlaying($event)"
        @canplay="onPlayerCanplay($event)"
        @error="playerError($event)">
      </d-player>
    </div>
  </div>
</template>

<script>
// import Vue from 'vue'
import 'flv.js'
import 'hls.js'
import VueDPlayer from 'vue-dplayer'

export default {
  name: 'PlayVid',
  components: {
    'd-player': VueDPlayer
  },

老师你好，我这边现在有这么一个情况：根据文档配置后，在ios端不能进行播放，我克隆下来后，就官方例子把服务起起来，ios端也不能进行播放，只显示封面图。想知道您部署到线上的例子是如何配置的，或者有什么解决的办法。 谢谢啦

I use d-player with php streaming it works fine am I able to add custom http header to video request ?
I pass token in url but if It's possible to add token in header It would be better

1.Access to fetch at 'https://xxxxxxxx/77635333.flv' from origin 'http://localhost:9528' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
2.[IOController] > Loader error, code = -1, msg = Failed to fetch
3.[TransmuxingController] > IOException: type = Exception, code = -1, msg = Failed to fetch
4.Uncaught (in promise) Error: Uncaught, unspecified "error" event. (NetworkError)
at EventEmitter../node_modules/_events@1.1.1@events/events.js.EventEmitter.emit (events.js:62)
at EventEmitter._transmuxer.on (flv-player.js:236)
at EventEmitter../node_modules/_events@1.1.1@events/events.js.EventEmitter.emit (events.js:84)
at Promise.resolve.then (transmuxer.js:175)

above are 4 errors, what is the reason? but i use 'https://3333.mp4' , a mp4 file, and there is no err. why?

I think

    import VueDPlayer from 'vue-dplayer'
    import 'vue-dplayer/dist/vue-dplayer.css'

should be

    import VueDPlayer from 'vue-dplayer'
    import 'dplayer/dist/DPlayer.min.css'

because the component is installed into the directory "dplayer" under "node-modules".

如题报错

发现问题
望修改

如题，，，怎么Vue.use(????)...

页面中是使用script导入的

我的目前只能播放mp4格式。视频格式如何配置？

异步请求回来视频的地址，设置 options.video.url 不能播放。

参照您的写法
mounted() {
this.player = this.$refs.player.dp
}
但在IE10上报 this.$refs.player.dp 值为空，导致无法切换视频（switchVideo）或通过play()、pause()函数来启动暂定。

视频播放了一段时间，使用switchVideo切换视频源，进度条没有重置，点击播放后才正常。
应该是切换视频源后，进度条重置到0

在网页上可以全屏，打包加壳成安卓app后不能全屏播放，求解

Hello,
How can player be reload when i change video url (data bindning)
Merci

Thanks for your awesome work !

How can I specify multi formats for a video in a player ? ( mp4 and webm )

Can we have multi payers on the same page ? how should i define them ?

I've checked the files and there's no subtitles property to use on the component.

Is there a workaround around this, to display subtitles?

全屏的时候是竖屏的， 怎么能让他横屏呢

<d-player :options="playerOptions" crossorigin="anonymous" @canplay="canplay" @canplaythrough="canplaythrough" @loadeddata="loadeddata" @loadedmetadata="loadedmetadata" @loadstart="loadstart" @error="videoError" ref="dPlayer"> </d-player>

## does not work ！

<d-player :options="playerOptions" :crossorigin="'anonymous'" @canplay="canplay" @canplaythrough="canplaythrough" @loadeddata="loadeddata" @loadedmetadata="loadedmetadata" @loadstart="loadstart" @error="videoError" ref="dPlayer"> </d-player>

#does not work ,too！

i am copy the example code ,but not work

一个m3u8的资源用dplayer提示跨域,但是ckplayer不会

请问一下可以支持播放rtsp流媒体嘛？

See https://github.com/MoePlayer/vue-dplayer/blob/master/dist/vue-dplayer.cjs.js

bili already ships rollup-plugin-postcss so you don't need to add it here https://github.com/MoePlayer/vue-dplayer/blob/master/bili.config.js#L4 which would make __$$styleInject function duplicated.

I would like to display every playlist @ vue player.

But 1 single tune doesn't display playlist.

Is there any method for that ?

Please let me know :)

here is my data

    video: {
    url: 'http://localhost:8080/static/video/choro.mp4',
    pic: 'http://localhost:8080/static/pictures/choro.jpg'
  },
  autoplay: false,
  theme: '#FADFA3',
  lang: 'en',
  screenshot: true,
  player: null,
  contextmenu: [
    {
      text: 'Facebook',
      link: 'https://www.facebook.com/chorodescharentes/'
    }
  ]

but I still get settngs in chinese ...

Getting 404 page

支持rtsp视屏流播放吗，像vlc那样

如題

Hi. how to import hls.js? I try any way but can`t work. please help!!

#视频分页，视频的url不会实时变化

怎么跑不起来啊？

是我姿势不对吗

<template>
  <div id="app" v-click>
    <div>
      <d-player ref="player" @play="play"></d-player>
    </div>
  </div>
</template>

<script>
import VueDPlayer from 'vue-dplayer'
import 'vue-dplayer/dist/vue-dplayer.css'
export default {
  name: 'App',
  components: {
    'd-player': VueDPlayer
  },
  methods: {
    play() {
      console.log('play callback')
    }
  },
   mounted() {
    // this.player = this.$refs.player.dp
  },
}
</script>
</style>

I have an empty Nuxt project, I installed VueDPlayer with NPM. I import it as instructed, when I go to use it on an empty page I get the following error: render function or template not defined in component: anonymous

"nuxt": "^1.0.0",
"vue-dplayer": "0.0.10"

这版本还是用的v2弹幕库。
我这边用的revent的v2 api，前端显示弹幕的时候 type：“top” 和 “bottom” 在播放器中样式也貌似有问题

右键菜单如何取消

Hi,

I want to try this with Nuxt.js. Does it work with SSR?

Thanks.

组件有加速的功能吗，在小程序上用视频播放组件，刚进去就卡顿