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;








0















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;










share|improve this question




























    0















    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;










    share|improve this question
























      0












      0








      0








      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;










      share|improve this question














      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






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 24 at 0:24









      ahomphophoneahomphophone

      1598




      1598






















          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
          );



          );













          draft saved

          draft discarded


















          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















          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














          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





















































          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







          Popular posts from this blog

          How to preserve electronics (computers, tablets and phones) for hundreds of years Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) The network's official Twitter account is up and running again. What content…How might modern humans leave a message for 50,000 years?How would an aquatic race develop computers?How do we make computers care for human life?Keeping supplies for 1000 yearsWhat will cell phones become in 100 years?What body armor protects against a laser?Could a society attain 1800s technology if limited to using copper and bronze?Electricity power (magic) and electronicsScavenging metal resources in post-apocalypse after 100 yearsWhy would precursors create devices that can survive and still work after hundreds of years?

          155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해

          Convert JSON to MapSimplest way to convert a string representing JSON array into Java array List of key value pairsHow to take String JSON values into HashMapConvert a JSON String to a HashMapCreating BSON object from JSON stringJSONObject - How to get a value ?Better Map ConstructorReading JSON from Url javaUpdate columns if input values are not null otherwise ignore and keep the existing values of column in databaseHow to store object represented as Json string into Couchbase Lite?Go JSON into MapHow do I efficiently iterate over each entry in a Java Map?Sort a Map<Key, Value> by valuesHow to round a number to n decimal places in JavaCan comments be used in JSON?How do I read / convert an InputStream into a String in Java?How can I pretty-print JSON in a shell script?What is the correct JSON content type?How can I deserialize JSON to a simple Dictionary<string,string> in ASP.NET?Why does Google prepend while(1); to their JSON responses?Parse JSON in JavaScript?