Force manual click on Youtube iframe using Jquery
0
I need to play the video on "Play" button click on a site
I tried using this code but it doesn't trigger the play on the Youtube Video.
jQuery(document).on('click', '.eg-henryharrison-element-2', function(event) {
event.preventDefault();
jQuery(".esg-youtubevideo").click();
});
jquery youtube click
asked Nov 19 '18 at 4:15
KC ChaiKC Chai
75472254
add a comment |
0
I need to play the video on "Play" button click on a site
I tried using this code but it doesn't trigger the play on the Youtube Video.
jQuery(document).on('click', '.eg-henryharrison-element-2', function(event) {
event.preventDefault();
jQuery(".esg-youtubevideo").click();
});
jquery youtube click
asked Nov 19 '18 at 4:15
KC ChaiKC Chai
75472254
add a comment |
0
0
0
I need to play the video on "Play" button click on a site
I tried using this code but it doesn't trigger the play on the Youtube Video.
jQuery(document).on('click', '.eg-henryharrison-element-2', function(event) {
event.preventDefault();
jQuery(".esg-youtubevideo").click();
});
jquery youtube click
asked Nov 19 '18 at 4:15
KC ChaiKC Chai
75472254
I need to play the video on "Play" button click on a site
I tried using this code but it doesn't trigger the play on the Youtube Video.
jQuery(document).on('click', '.eg-henryharrison-element-2', function(event) {
event.preventDefault();
jQuery(".esg-youtubevideo").click();
});
jquery youtube click
jquery youtube click
asked Nov 19 '18 at 4:15
KC ChaiKC Chai
75472254
asked Nov 19 '18 at 4:15
KC ChaiKC Chai
75472254
edited Nov 27 '18 at 7:27
KC Chai
asked Nov 19 '18 at 4:15
KC ChaiKC Chai
75472254
asked Nov 19 '18 at 4:15
KC ChaiKC Chai
75472254
asked Nov 19 '18 at 4:15
KC ChaiKC Chai
75472254
75472254
add a comment |
add a comment |
3 Answers
3
active
oldest
votes
2
+50
You should try adding autoplay=1 option to your iframe src like this
<iframe width="420" height="345" src="https://www.youtube.com/embed/qYcSef6Mk58?version=3&enablejsapi=1&html5=1&controls=1&autohide=1&rel=0&showinfo=0&fs=1&playsinline=1&autoplay=1" frameborder="0" allowfullscreen></iframe>
Here is a related question already been asked at stack overflow:
YouTube Iframe embed auto play
answered Nov 21 '18 at 4:44
GoldyGoldy
373314
Hi Goldy, Thanks for your reply. Unfortunately, I'm not asking about autoplaying the video.
– KC Chai
Nov 21 '18 at 5:03
1
You can do it this way $('.esg-youtube-frame').each(function(){ var src = $(this).data('src'); src += "&autoplay=1"; console.log(src); $(this).data('src',src); });
– Goldy
Nov 22 '18 at 11:35
The above code worked.
– KC Chai
Nov 27 '18 at 7:26
@Goldy please edit your answer and add your comment in the answer.
– Mauricio Arias Olave
Jan 3 at 17:08
add a comment |
2
Maybe I don't understand what you actually want to achieve, but:
For me the following works:
$('.esg-click-to-play-video').first().click()
See here:
Before:
After:
answered Nov 26 '18 at 19:24
GutelaunetypGutelaunetyp
14510
add a comment |
0
This should work
$('.esg-youtube-frame').each(function(){
var src = $(this).data('src');
src += "&autoplay=1";
$(this).data('src',src);
});
answered Jan 3 at 17:44
GoldyGoldy
373314
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53368220%2fforce-manual-click-on-youtube-iframe-using-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
2
+50
You should try adding autoplay=1 option to your iframe src like this
<iframe width="420" height="345" src="https://www.youtube.com/embed/qYcSef6Mk58?version=3&enablejsapi=1&html5=1&controls=1&autohide=1&rel=0&showinfo=0&fs=1&playsinline=1&autoplay=1" frameborder="0" allowfullscreen></iframe>
Here is a related question already been asked at stack overflow:
YouTube Iframe embed auto play
answered Nov 21 '18 at 4:44
GoldyGoldy
373314
Hi Goldy, Thanks for your reply. Unfortunately, I'm not asking about autoplaying the video.
– KC Chai
Nov 21 '18 at 5:03
1
You can do it this way $('.esg-youtube-frame').each(function(){ var src = $(this).data('src'); src += "&autoplay=1"; console.log(src); $(this).data('src',src); });
– Goldy
Nov 22 '18 at 11:35
The above code worked.
– KC Chai
Nov 27 '18 at 7:26
@Goldy please edit your answer and add your comment in the answer.
– Mauricio Arias Olave
Jan 3 at 17:08
add a comment |
2
+50
You should try adding autoplay=1 option to your iframe src like this
<iframe width="420" height="345" src="https://www.youtube.com/embed/qYcSef6Mk58?version=3&enablejsapi=1&html5=1&controls=1&autohide=1&rel=0&showinfo=0&fs=1&playsinline=1&autoplay=1" frameborder="0" allowfullscreen></iframe>
Here is a related question already been asked at stack overflow:
YouTube Iframe embed auto play
answered Nov 21 '18 at 4:44
GoldyGoldy
373314
Hi Goldy, Thanks for your reply. Unfortunately, I'm not asking about autoplaying the video.
– KC Chai
Nov 21 '18 at 5:03
1
You can do it this way $('.esg-youtube-frame').each(function(){ var src = $(this).data('src'); src += "&autoplay=1"; console.log(src); $(this).data('src',src); });
– Goldy
Nov 22 '18 at 11:35
The above code worked.
– KC Chai
Nov 27 '18 at 7:26
@Goldy please edit your answer and add your comment in the answer.
– Mauricio Arias Olave
Jan 3 at 17:08
add a comment |
2
+50
2
+50
2
+50
You should try adding autoplay=1 option to your iframe src like this
<iframe width="420" height="345" src="https://www.youtube.com/embed/qYcSef6Mk58?version=3&enablejsapi=1&html5=1&controls=1&autohide=1&rel=0&showinfo=0&fs=1&playsinline=1&autoplay=1" frameborder="0" allowfullscreen></iframe>
Here is a related question already been asked at stack overflow:
YouTube Iframe embed auto play
answered Nov 21 '18 at 4:44
GoldyGoldy
373314
You should try adding autoplay=1 option to your iframe src like this
<iframe width="420" height="345" src="https://www.youtube.com/embed/qYcSef6Mk58?version=3&enablejsapi=1&html5=1&controls=1&autohide=1&rel=0&showinfo=0&fs=1&playsinline=1&autoplay=1" frameborder="0" allowfullscreen></iframe>
Here is a related question already been asked at stack overflow:
YouTube Iframe embed auto play
answered Nov 21 '18 at 4:44
GoldyGoldy
373314
answered Nov 21 '18 at 4:44
GoldyGoldy
373314
answered Nov 21 '18 at 4:44
GoldyGoldy
373314
answered Nov 21 '18 at 4:44
GoldyGoldy
373314
373314
Hi Goldy, Thanks for your reply. Unfortunately, I'm not asking about autoplaying the video.
– KC Chai
Nov 21 '18 at 5:03
1
You can do it this way $('.esg-youtube-frame').each(function(){ var src = $(this).data('src'); src += "&autoplay=1"; console.log(src); $(this).data('src',src); });
– Goldy
Nov 22 '18 at 11:35
The above code worked.
– KC Chai
Nov 27 '18 at 7:26
@Goldy please edit your answer and add your comment in the answer.
– Mauricio Arias Olave
Jan 3 at 17:08
add a comment |
Hi Goldy, Thanks for your reply. Unfortunately, I'm not asking about autoplaying the video.
– KC Chai
Nov 21 '18 at 5:03
1
You can do it this way $('.esg-youtube-frame').each(function(){ var src = $(this).data('src'); src += "&autoplay=1"; console.log(src); $(this).data('src',src); });
– Goldy
Nov 22 '18 at 11:35
The above code worked.
– KC Chai
Nov 27 '18 at 7:26
@Goldy please edit your answer and add your comment in the answer.
– Mauricio Arias Olave
Jan 3 at 17:08
Hi Goldy, Thanks for your reply. Unfortunately, I'm not asking about autoplaying the video.
– KC Chai
Nov 21 '18 at 5:03
Hi Goldy, Thanks for your reply. Unfortunately, I'm not asking about autoplaying the video.
– KC Chai
Nov 21 '18 at 5:03
1
1
You can do it this way $('.esg-youtube-frame').each(function(){ var src = $(this).data('src'); src += "&autoplay=1"; console.log(src); $(this).data('src',src); });
– Goldy
Nov 22 '18 at 11:35
You can do it this way $('.esg-youtube-frame').each(function(){ var src = $(this).data('src'); src += "&autoplay=1"; console.log(src); $(this).data('src',src); });
– Goldy
Nov 22 '18 at 11:35
The above code worked.
– KC Chai
Nov 27 '18 at 7:26
The above code worked.
– KC Chai
Nov 27 '18 at 7:26
@Goldy please edit your answer and add your comment in the answer.
– Mauricio Arias Olave
Jan 3 at 17:08
@Goldy please edit your answer and add your comment in the answer.
– Mauricio Arias Olave
Jan 3 at 17:08
add a comment |
2
Maybe I don't understand what you actually want to achieve, but:
For me the following works:
$('.esg-click-to-play-video').first().click()
See here:
Before:
After:
answered Nov 26 '18 at 19:24
GutelaunetypGutelaunetyp
14510
add a comment |
2
Maybe I don't understand what you actually want to achieve, but:
For me the following works:
$('.esg-click-to-play-video').first().click()
See here:
Before:
After:
answered Nov 26 '18 at 19:24
GutelaunetypGutelaunetyp
14510
add a comment |
2
2
2
Maybe I don't understand what you actually want to achieve, but:
For me the following works:
$('.esg-click-to-play-video').first().click()
See here:
Before:
After:
answered Nov 26 '18 at 19:24
GutelaunetypGutelaunetyp
14510
Maybe I don't understand what you actually want to achieve, but:
For me the following works:
$('.esg-click-to-play-video').first().click()
See here:
Before:
After:
answered Nov 26 '18 at 19:24
GutelaunetypGutelaunetyp
14510
answered Nov 26 '18 at 19:24
GutelaunetypGutelaunetyp
14510
answered Nov 26 '18 at 19:24
GutelaunetypGutelaunetyp
14510
answered Nov 26 '18 at 19:24
GutelaunetypGutelaunetyp
14510
14510
add a comment |
add a comment |
0
This should work
$('.esg-youtube-frame').each(function(){
var src = $(this).data('src');
src += "&autoplay=1";
$(this).data('src',src);
});
answered Jan 3 at 17:44
GoldyGoldy
373314
add a comment |
0
This should work
$('.esg-youtube-frame').each(function(){
var src = $(this).data('src');
src += "&autoplay=1";
$(this).data('src',src);
});
answered Jan 3 at 17:44
GoldyGoldy
373314
add a comment |
0
0
0
This should work
$('.esg-youtube-frame').each(function(){
var src = $(this).data('src');
src += "&autoplay=1";
$(this).data('src',src);
});
answered Jan 3 at 17:44
GoldyGoldy
373314
This should work
$('.esg-youtube-frame').each(function(){
var src = $(this).data('src');
src += "&autoplay=1";
$(this).data('src',src);
});
answered Jan 3 at 17:44
GoldyGoldy
373314
answered Jan 3 at 17:44
GoldyGoldy
373314
answered Jan 3 at 17:44
GoldyGoldy
373314
answered Jan 3 at 17:44
GoldyGoldy
373314
373314
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53368220%2fforce-manual-click-on-youtube-iframe-using-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
