Universal glitch with multiple videos on same page about video.js HOT 4 CLOSED

Try putting each video in its own "video-js-box" container instead of grouping all of them up in one. It works fine for me.

from video.js.

I am having an issue with multiple videos on a single page as well. However, my second video is only displayed using a css pop up window. The second video does not display a poster image as it should and the controls are at the top of the video window until you click play. Very weird.

You can see this live at http://www.lasermedcenter.com.

The second video with the issues can be seen by clicking the Physicians Page link at the top of the site.

Any ideas?

from video.js.

Video.js 4.0 is available now, so this issue may be fixed or out of date. If you think it's still an issue, please confirm using 4.0 and reopen.

from video.js.

i am also facing the same issue when i added multiple video player in same page.
The js code as follows.
var stream_url = $(this).attr('data-stream'); wiFetchBroadcast(entryId); player = videojs('wiPlayer'); player.src({ src: **stream_url** , type: "application/x-mpegURL", useCueTags: true }); window.onOrientation(player, 'wiPlayer'); player.play();

The video html is like:
Here the player div is generated according to the values returned from an api call used in my project.
In the api ,it returns the video url (stream_url )and i directly assign the url to the js.

<video id="wiPlayer" width=600 height=364 class="video-js vjs-default-skin" controls autoplay="autoplay"> <!-- <source src="media/demo.mp4" type="video/mp4"> --> <p class="vjs-no-js">We're sorry, but your browser doesn't support Video</p> </video>

Here the first player is only playing the video and the rest are not playing.Any solution for this?

from video.js.