鍍金池/ 問答/HTML5  HTML/ video.js如何動(dòng)態(tài)的播放視頻?

video.js如何動(dòng)態(tài)的播放視頻?

  1. 在一個(gè)頁面中很多的視頻鏈接需要點(diǎn)擊播放按鈕播放當(dāng)前視頻,

點(diǎn)擊圖片的播放按鈕:

clipboard.png

會(huì)出彈出

圖片描述

播放當(dāng)前視頻。但是點(diǎn)擊關(guān)閉當(dāng)前視頻。通過動(dòng)態(tài)的設(shè)置視頻地址,點(diǎn)擊播放還是第一次的視頻。

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

這樣點(diǎn)擊播放別的視頻,地址確實(shí)更換了,但是播放的還是當(dāng)前的視頻。
更改方法如下:

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

這樣直接就出錯(cuò)了,
報(bào)錯(cuò)信息:
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."}

回答
編輯回答
莫小染

在動(dòng)態(tài)更換src之前有沒有把之前的video停止呢,stop()?

2017年4月11日 22:08
編輯回答
冷眸

我也遇到這個(gè)問題,樓主咋解決的呢?

2018年1月5日 02:18