Multiple video tags in same page swapping video among each other

By | July 12, 2018

I am using <video> tags to show multiple videos on my web page.
Videos are playing randomly with different tags. Video of one tag is playing in another video tag other attributes of <video> tag remain proper, only content of the video swap with others

<video id={"video-"+ this.props._id}  width="100%" controls preload="metadata" poster={this.props.poster}>
    <source src={this.props.url} type="video/mp4 " />

There are multiple such videos and all play randomly. In inspect element URL and other attribute are fine.
Using Preact.
Why is this happening? Thanks.


Leave a Reply

Your email address will not be published. Required fields are marked *