I'm not sure if my issue is related to MediaElement.js, Views, or something else (such as my own ignorance).

My client wants to have three audio files and one video on the same page. I created a view to do this because she wants to pull the files randomly from both YouTube and local audio. Looks good and works fine EXCEPT that if one file is playing and the user clicks another one, the first one doesn't stop.

On the Mediaelement.js demo page there is just this situation, and clicking the second does stop the first.

I don't have much experience with audio and video, so I'm not even sure what keywords to use to find more information.

Any suggestions would be deeply appreciated.

Comments

jnettik’s picture

jnettik
Primary language English
Location Denver, CO
commented
Title: Prevent overlapping play » Stop currently playing media when new media is started.
Version: 7.x-1.2 » 8.x-1.x-dev
Issue summary: View changes

This is still probably an issue in the D8 version. The JS is pretty straightforward now, but this feels like a good feature. I would assume this should be a global setting and not something set per video instance?

chris matthews’s picture

chris matthews commented

I would agree that this should be a global setting and not something set per video instance.

jnettik’s picture

jnettik
Primary language English
Location Denver, CO
commented
Status: Active » Closed (cannot reproduce)

I started digging into this and in my testing MediaElement.js seems to do this on it's own by default. I placed multiple videos on a page, and I could only play one at a time same as on their demo site. I'm not sure if you can provide any other details to help test this.