DOM click not working after touching embedded video frame on iOSFrame Buster Buster … buster code neededgoogle + and facebook style iframe youtube video. by default shows video image, when image clicked video playshow to stop playing a screencast.com video embedded in a site through javascriptTouch Events stop working on iPad after the Video tagPause/Stop an embedded YouTube video with an onclick event?Which touch event should e.preventDefault() be called in to cancel a “click” on a touch device?Play Youtube video on clickJavascript document.getElementById() not working after submit buttonFacebook embedded video not playing on click
Can my floppy disk still work without a shutter spring?
What is the use case for non-breathable waterproof pants?
How to cut a climbing rope?
Testing using real data of the customer
What is the meaning of "<&3" and "done < file11 3< file22"
Why are GND pads often only connected by four traces?
Freedom of Speech and Assembly in China
Are there any German nonsense poems (Jabberwocky)?
Find this cartoon
Why would a rational buyer offer to buy with no conditions precedent?
Is it legal to have an abortion in another state or abroad?
What's difference between "depends on" and "is blocked by" relations between issues in Jira next-gen board?
Why did other houses not demand this?
Why was this character made Grand Maester?
Are black holes spherical during merger?
Function argument returning void or non-void type
Mercedes C180 (W204) dash symbol
Job Market: should one hide their (young) age?
How to make the Bass in SATB move more smoothly?
Why is unzipped directory exactly 4.0k (much smaller than zipped file)?
I know that there is a preselected candidate for a position to be filled at my department. What should I do?
How do I superimpose two math symbols?
On San Andreas Speedruns, why do players blow up the Picador in the mission Ryder?
Co-author wants to put their current funding source in the acknowledgements section because they edited the paper
DOM click not working after touching embedded video frame on iOS
Frame Buster Buster … buster code neededgoogle + and facebook style iframe youtube video. by default shows video image, when image clicked video playshow to stop playing a screencast.com video embedded in a site through javascriptTouch Events stop working on iPad after the Video tagPause/Stop an embedded YouTube video with an onclick event?Which touch event should e.preventDefault() be called in to cancel a “click” on a touch device?Play Youtube video on clickJavascript document.getElementById() not working after submit buttonFacebook embedded video not playing on click
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
When touching an embedded video frame, DOM click events stop firing on iOS. If I hold my finger down then let go, then click event works. Why does this happen and how can I fix it? This happens for both Chrome and Safari for iOS. Works fine on Android.
In this simple example the increment button stops working after touching the video frame. The video does not have to play, just needs to be touched.
http://jsfiddle.net/yu16bkq9/
HTML
<button id="increment" onclick="increment()">Increment</button>
<p id="count"></p>
<iframe src="http://www.youtube.com/embed/W-Q7RMpINVo"
frameborder="0" allowfullscreen class="video"></iframe>
JavaScript
let counter = 0;
function increment()
counter++;
document.getElementById('count').innerHTML = counter;
javascript html webkit
add a comment |
When touching an embedded video frame, DOM click events stop firing on iOS. If I hold my finger down then let go, then click event works. Why does this happen and how can I fix it? This happens for both Chrome and Safari for iOS. Works fine on Android.
In this simple example the increment button stops working after touching the video frame. The video does not have to play, just needs to be touched.
http://jsfiddle.net/yu16bkq9/
HTML
<button id="increment" onclick="increment()">Increment</button>
<p id="count"></p>
<iframe src="http://www.youtube.com/embed/W-Q7RMpINVo"
frameborder="0" allowfullscreen class="video"></iframe>
JavaScript
let counter = 0;
function increment()
counter++;
document.getElementById('count').innerHTML = counter;
javascript html webkit
add a comment |
When touching an embedded video frame, DOM click events stop firing on iOS. If I hold my finger down then let go, then click event works. Why does this happen and how can I fix it? This happens for both Chrome and Safari for iOS. Works fine on Android.
In this simple example the increment button stops working after touching the video frame. The video does not have to play, just needs to be touched.
http://jsfiddle.net/yu16bkq9/
HTML
<button id="increment" onclick="increment()">Increment</button>
<p id="count"></p>
<iframe src="http://www.youtube.com/embed/W-Q7RMpINVo"
frameborder="0" allowfullscreen class="video"></iframe>
JavaScript
let counter = 0;
function increment()
counter++;
document.getElementById('count').innerHTML = counter;
javascript html webkit
When touching an embedded video frame, DOM click events stop firing on iOS. If I hold my finger down then let go, then click event works. Why does this happen and how can I fix it? This happens for both Chrome and Safari for iOS. Works fine on Android.
In this simple example the increment button stops working after touching the video frame. The video does not have to play, just needs to be touched.
http://jsfiddle.net/yu16bkq9/
HTML
<button id="increment" onclick="increment()">Increment</button>
<p id="count"></p>
<iframe src="http://www.youtube.com/embed/W-Q7RMpINVo"
frameborder="0" allowfullscreen class="video"></iframe>
JavaScript
let counter = 0;
function increment()
counter++;
document.getElementById('count').innerHTML = counter;
javascript html webkit
javascript html webkit
asked Mar 24 at 0:24
ahomphophoneahomphophone
1598
1598
add a comment |
add a comment |
0
active
oldest
votes
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
);
);
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%2f55319635%2fdom-click-not-working-after-touching-embedded-video-frame-on-ios%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
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%2f55319635%2fdom-click-not-working-after-touching-embedded-video-frame-on-ios%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