video.js如何动态的播放视频?

  1. 在一个页面中很多的视频链接需要点击播放按钮播放当前视频,

点击图片的播放按钮:

clipboard.png

会出弹出

图片描述

播放当前视频。但是点击关闭当前视频。通过动态的设置视频地址,点击播放还是第一次的视频。

$("#hotel_video source").attr("src", tmpVideoUrl)
  window.myPlayer = videojs("hotel_video")
    myPlayer.ready(function () {
    myPlayer.play()
});

这样点击播放别的视频,地址确实更换了,但是播放的还是当前的视频。
更改方法如下:

$("#hotel_video source").attr("src", tmpVideoUrl)
  window.myPlayer = videojs("hotel_video")
  
    myPlayer.ready(function () {
     myPlayer.src(tmpVideoUrl)
     myPlayer.play()
     })

这样直接就出错了,
报错信息:
video.min.js:1 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. st {code: 4, message: "No compatible source was found for this media."}

阅读 9k
3 个回答

在动态更换src之前有没有把之前的video停止呢,stop()?

我也遇到这个问题,楼主咋解决的呢?

新手上路,请多包涵

你好,你的这个功能是怎么实现动态跳转与后台连接的,能不能教教我

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题