Auto click button on page load svg

Question

I want to make a script auto click on video icon button on page loading, but auto click is not working.

Code:

  <svg class="button" id="play-button">
  <use xlink:href="#play-button-shape">
 </svg>

Auto click script code:

<script type="text/javascript">
document.getElementById("#play-button-shape").click();
</script>

where is `#play-button-shape` button in your code? And what does it do when clicked? — Mohit Bhardwaj, May 19 '17 at 12:22
Possible duplicate of [In JavaScript can I make a "click" event fire programmatically for a file input element?](http://stackoverflow.com/questions/210643/in-javascript-can-i-make-a-click-event-fire-programmatically-for-a-file-input) — Adonis, May 19 '17 at 13:52

score 1 · Answer 1 · answered May 19 '17 at 12:17

1

Try the .on("click") or .trigger("click") function, it does the same thing but I had pretty much the same case as you and it had unlocked me. I'm not sure it works but it's worth trying.

answered May 19 '17 at 12:17

Alix Eisenhardt

313
2
10

score 0 · Answer 2 · answered May 19 '17 at 12:36

0

Why would you need to "autoclick" on page load? Just use a <video> element with autoplay...

<video controls autoplay>
  <source src="http://mirror.cessen.com/blender.org/peach/trailer/trailer_400p.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

answered May 19 '17 at 12:36

Badacadabra

8,043
7
28
49

because my videos is youtube video – Masud Rana May 19 '17 at 12:38
You can also autoplay YouTube videos in `` if you add `autoplay=1` in the URL... – Badacadabra May 19 '17 at 14:01
i know but i wants to autoplay on mobile. – Masud Rana May 19 '17 at 18:11

score 0 · Answer 3 · answered May 19 '17 at 19:43

0

Use this script:

window.onload = function() {
   document.getElementById("play-button").click();
}

answered May 19 '17 at 19:43

Majid Parvin

4,499
5
29
47

Auto click button on page load svg

3 Answers3