Как сделать через JS чтобы при клике на ссылку не было перехода?

Поставьте просто решетку..

<a href="#" id="playYoutube1" onclick="playVideo();">воспроизвести</a>

Или

<span style="cursor: pointer; text-decoration: underline;" id="playYoutube1" onclick="playVideo();">воспроизвести</span>

root, при просто решетки перекидывает в НАЧАЛО СТРАНИЦЫ, как то можно убрать это перекидывание? чтоб вообще ничего не менялось!

Тег span не подходит, нужна именно ссылка чтоб была, не буду грузить зачем.

Самое топорное решение:

onclick="playVideo(); return false;"

<a href="asd.html" id="playYoutube1">воспроизвести</a>

<script>

$( "#playYoutube1" ).click(function( e ) {

e.preventDefault();

});

</script>

Ну или поставить на анкоры класc, допустим playvideo и по нему уже и отлавливать переход

<script>
 $('.playvideo').click(function (a) {a.preventDefault()});
</script>

Надо выкинуть href. Если нужны данные урла, записать их в data-href, или data-h, или просто в h. Все равно будет скрипт, он все и достанет. Чтобы курсор был правильный, нарисовать его для a вообще, или конкретного элемента через стиль. Потому что стиль все равно нужен.

Само собой а без хреф робот не откроет. Обычно так ему и надо. Если не надо, то делайте как ему надо.

<a href="javascript:;" id="playYoutube1" onclick="playVideo();">воспроизвести</a>