I have a page for member\'s where log in is essential. On this page members get links for lectures conducted. Lectures links get added regularly. And Links to recording are fet
You can use buttons instead of <a>
for this purpose:
<button onclick="window.location.href='location.html'">Continue</button>
example for your case
<button class="class" onclick="window.location.href='<?php echo $data['recording_link'];?>'">Play Recording</button>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<a class="fancybox etc etc etc" href="javascript:void(0)" onclick="window.location.href='<?php echo $data['recording_link'];?>'">Play Recording</a>
<script>
document.querySelector('a').addEventListener('mouseover', function(){
document.querySelector('a').style.display = 'none';
});
</script>
</body>
</html>