I am working on an application that displays video posts that are being loaded on the page as these are stored to a Mongodb database. The thing that trouble me is that anytime I click on a post that opens on a new tab which I don't want. Can someone assist please?

Any time a user click on the post these opens on a new tab. I need those to open on the same page.

let videoposts = await getVideoPosts();
let videoarticles = document.querySelector('.videopost');

videoarticles.innerHTML = '';
videoposts.forEach((videopost) => {
    let videopostHTML = `
        <div class="col-md-4 text-center animate-box">
            <div class="post-entry">
                <div class="post" style="background-image: url(images/unsplash.jpg);">
                  <div class="play">
                  <a class="popup-vimeo" data-href="${videopost.videoURL}"><i class="icon-play3"></i></a>
                 </div>
                </div>
                <h3>"${videopost.title}"</h3>
                <span>By the other ${videopost.speaker}</span>
            </div>
        </div>
    `;

    videoarticles.insertAdjacentHTML('beforeend', videopostHTML);
});