Play/pause HTML 5 video using JQuery

Your solution shows the issue here — play is not a jQuery function but a function of the DOM element. You therefore need to call it upon the DOM element. You give an example of how to do this with the native DOM functions. The jQuery equivalent — if you wanted to do this to fit in with an existing jQuery selection — would be $('#videoId').get(0).play(). (get gets the native DOM element from the jQuery selection.)

Related Posts:

  1. JavaScript Loading Screen while page loads
  2. Click button copy to clipboard
  3. How to make html table vertically scrollable
  4. How to make Bootstrap carousel slider use mobile left/right swipe
  5. bootstrap 3 navbar collapse button not working
  6. jQueryUI dialog width
  7. Random background images CSS3
  8. Fully responsive HTML5 video
  9. How do I remove a box-shadow effect from an element when another element is hovered?
  10. Slide right to left?
  11. Accordion scrolls page too low after clicking on the title [closed]
  12. Getting click on item to open closest relevant element (popup) with jQuery
  13. jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
  14. jQuery function not working in WordPress but works in jsfiddle
  15. Site images are fixed in front of my site content [closed]
  16. change the icon of a custom post type in WordPress to use twitter boostrap
  17. can’t make jQuery work (change image on time interval) [closed]
  18. How do I link a JavaScript file to a HTML file?
  19. How can I scroll to an element using jQuery?
  20. Bootstrap Dropdown menu is not working
  21. Change Background color (css property) using Jquery
  22. JavaScript runtime error: ‘$’ is undefined
  23. Set timeout for ajax (jQuery)
  24. Use images like checkboxes
  25. Force a default browser on my android phone using a simple html shortcut page
  26. Set selected option of select box
  27. Bootstrap Dropdown menu is not working
  28. Bootstrap Dropdown menu is not working
  29. jQuery.addClass not working
  30. Uncaught TypeError: Cannot read property ‘top’ of undefined
  31. Why is the jquery script not working?
  32. How to make a simple image upload using Javascript/HTML
  33. How to Show External website inside another page without iFrame? [closed]
  34. Display XML content in HTML page
  35. How to center image in carousel
  36. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
  37. Bootstrap carousel not sliding
  38. Can Twitter Bootstrap alerts fade in as well as out?
  39. How to get height of div in px dimension
  40. How to display raw JSON data on a HTML page
  41. Clear form fields with jQuery
  42. How to call a webservice method from an html page [javascript] with out refresh the page
  43. Javascript – ERR_CONTENT_LENGTH_MISMATCH
  44. Why is jquery show() not working in example
  45. jQuery scrollTop() method not working
  46. $(document).ready(function() is not working
  47. Show div #id on click with jQuery
  48. jQuery find element by data attribute value
  49. How to use aria-expanded=”true” to change a css property
  50. How to set “style=display:none;” using jQuery’s attr method?
  51. jQuery UI Datepicker not working
  52. Automatically decrease font size for long words
  53. Best approach for loading a sidebar Only if the screen max-width is >900px?
  54. Twitter Bootstrap Use Collapse in Custom Post Type
  55. Stylizing external SVG files with jQuery and CSS
  56. Gravity list field override and adding javascript [closed]
  57. Show post in slider
  58. Add a class to posts in increments of 2
  59. Override theme style with other CSS on a specific page
  60. How can I make this custom menu work?
  61. Remove WordPress scripts
  62. How to make an WordPress element sticky? [closed]
  63. WordPress Comments – Rich Text
  64. WordPress Multiple Navigation bars
  65. show/hide div with simple jQuery script [closed]
  66. Google yolo one tab signup plugin avilable in wordpress? [closed]
  67. What is the propre way to include jQuery UI Datepicker’s CSS in plugin?
  68. Adding a Calculator to a WordPress Page
  69. Adding a slide toggle on WordPress
  70. Superfish Menu Not Loading
  71. Problem Implementing parallax in header of bp-default theme
  72. specifying relative file paths in WP with jQuery requests not working
  73. How to keep HTML form field that is conditional hidden with javasript hidden after page reload?
  74. click event to unhide something after ajax not firing
  75. Is it OK combined wp-include js, jquery, css? [closed]
  76. Insert a Featured Video
  77. How to use JQuery Marquee in WordPress?
  78. jQuery Drill Down iPod Menu FOUC and Selecting Current page
  79. Add other class content with reference class value
  80. Overriding inline !important CSS with Javscript code snippet with media query
  81. JQuery script working locally on desktop, not working on WordPress + Divi
  82. How to make jquery slider to start afresh [closed]
  83. Unable to use Datepicker in a table when inserting a row
  84. jQuery Validation plugin and Bootstrap 4 CSS classes
  85. How Do I change Markup of a link in WordPress
  86. How can publish my bootstrap created table ( huge amount of data) on my word-press theme?
  87. Lightbox scroll page down on iPhone
  88. how to allow download after newsletter subscription?
  89. How can I add a new lib path without call each one on the header?
  90. How can I add the Post ID to Class Name in Jquery?
  91. WP Media Uploader modal conflicts with Bootstrap modal
  92. :first-child applying to all links [closed]
  93. Possible jquery / library conflict in plugin usage
  94. How to update scrollbar when using Jetpack’s Inifnite Scroller?
  95. Hide input field when second input field is in focus
  96. Drop Down Category Menu Not Working
  97. Element works, but not on wordpress site [duplicate]
  98. controlling the showing and hiding of the website logo
  99. How do I add Javascript and CSS files into WordPress?
  100. Contact Form 7 – Submit Form not working After Ajax Request [closed]

Leave a Comment