Youtube api – stop video

You can’t control it if you embed it with an iframe. You have to use object embedding, like this:

<object id="ytplayer" style="height: 390px; width: 640px">
    <param name="movie" value="http://www.youtube.com/v/8Ax-dAR3ABs?version=3&enablejsapi=1">
    <param name="allowScriptAccess" value="always">
    <embed id="ytplayer" src="http://www.youtube.com/v/8Ax-dAR3ABs?version=3&enablejsapi=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">
</object>

The rest of your code should generally work after that, although it may need to be updated to say:

<a href="javascript:document.getElementById('ytplayer').stopVideo()">Play</a>

Also, have you seen the demo site? http://code.google.com/apis/youtube/youtube_player_demo.html

Related Posts:

  1. Is it possible to enqueue the Youtube API script or does it have to be inline?
  2. TypeError: res.status is not a function
  3. Failed to execute ‘postMessage’ on ‘DOMWindow’: https://www.youtube.com !== http://localhost:9000
  4. How to embed a youtube playlist with a sidebar
  5. How to embed an autoplaying YouTube video in an iframe?
  6. WP Rest API – How to get featured image
  7. Is it Possible to Extend WP Customize JS Methods?
  8. Show only images and videos in a wp.media window
  9. WordPress Rest API
  10. Preventing YouTube embeds loading multiple instances of player JS?
  11. Customizer JS API: Defining control settings
  12. Headless WordPress: How to authenticate front end requests?
  13. Customizer JS API: Adding Setting Dynamically Not Working
  14. Is there a client side API for handling transients or options?
  15. Customizer JS API: Adding a “dropdown-pages” control
  16. How to disable inline css styles generated by Gutenberg editor?
  17. WordPress customizer get control
  18. Get a default value of the Customizer setting using wp.customize API (JS)
  19. I am trying to add current logged in user to my zoho chat
  20. This page can’t load Google Maps correctly [closed]
  21. Customizer JS API: Defining active_callback for a section
  22. how to use nimble-API and Display data?
  23. create timestamp links to jump to specific times on rumble videos
  24. WordPress Guternberg Content For React Native
  25. youtube full screen on off permater code help for wordpress
  26. Show sections based on a control in WordPress Customizer using JS API
  27. I would like to retrive JSON value and display it in wordpress page or widget
  28. How do I add a class to Customizer preview based on class of Customizer control? (Customizer Javascript API)
  29. Get a default customizeAction text for a section using Customizer JS API
  30. Create new product with woocommerce REST API with javascript (clientside)?
  31. Anyway to disable the auto excerpt creation?
  32. How can I generate a rainbow circle using HTML5 canvas?
  33. Which equals operator (== vs ===) should be used in JavaScript comparisons?
  34. are there dictionaries in javascript like python?
  35. Jest spy on functionality
  36. Use a JSON array with objects with javascript
  37. Toggle show/hide on click with jQuery
  38. Client on Node.js: Uncaught ReferenceError: require is not defined
  39. jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
  40. How to create a jQuery function (a new jQuery method or plugin)?
  41. How do you check if a variable is an array in JavaScript?
  42. Understanding React-Redux and mapStateToProps()
  43. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  44. How to get the browser to navigate to URL in JavaScript
  45. In angularjs we are having ng-disabled directive, why ng-enabled directive is not provided by the framework as we are having ng-show and ng-hide
  46. Send POST data using XMLHttpRequest
  47. querySelector vs. getElementById
  48. Google weather widget on my website
  49. How to generate a simple popup using jQuery
  50. How to convert an Object {} to an Array [] of key-value pairs in JavaScript
  51. Javascript versioning to avoid caching, difference in these practices?
  52. SyntaxError: Unexpected token o in JSON at position 1
  53. Fastest way to duplicate an array in JavaScript – slice vs. ‘for’ loop
  54. When is JavaScript synchronous?
  55. How to reset a form using jQuery with .reset() method
  56. Uncaught ReferenceError: Firebase is not defined
  57. Efficient way to implement Priority Queue in Javascript?
  58. How do you format a Date/Time in TypeScript?
  59. JavaScript function in href vs. onclick
  60. How to scroll to an element?
  61. getBoundingClientRect is not a function
  62. Jquery button click() function is not working
  63. Make iframe automatically adjust height according to the contents without using scrollbar?
  64. Uncaught ReferenceError: function is not defined with onclick
  65. Remove last item from array
  66. How do I check whether a checkbox is checked in jQuery?
  67. Failed to find a valid digest in the ‘integrity’ attribute for resource on a deployed emberjs application
  68. Cannot read property ‘getHostNode’ of null
  69. TypeError: Class extends value undefined is not a function or null
  70. Eslint: How to disable “unexpected console statement” in Node.js?
  71. How to get native javascript functions source code?
  72. Get the Highlighted/Selected text
  73. Video auto play is not working in Safari and Chrome desktop browser
  74. Replace all spaces in a string with ‘+’
  75. Uncaught ReferenceError: ga is not defined
  76. Getting or changing CSS class property with Javascript using DOM style
  77. How to close a window using jQuery
  78. Javascript- Multiplying 2 numbers and return number
  79. What does the $() function do in JavaScript?
  80. How to change href of tag on button click through javascript
  81. How to only enqueue block javascript on the frontend when its needed [duplicate]
  82. Correct place to register and enqueue scripts
  83. How to replace a javascript select box onchange event to a form submit action?
  84. Add tinymce dynamically via Javascript
  85. How to Add Javascript Only When a Function Exists?
  86. TypeError: window.tinyMCE.execInstanceCommand is not a function
  87. How to load javascript file on homepage in WordPress in order?
  88. event/callback on block update?
  89. wordpress 4.4 upgrade visual editor bullets select for not selected elements
  90. Script to Automatically Advance to the Next Page of a Paginated Post
  91. Gutenberg consume wp-json data and reflect in frontend the content
  92. How can I get user data into a javascript object?
  93. WordPress load-scripts.php not loading
  94. Removing admin javascript
  95. Can I get the user name in JavaScript?
  96. Landing function through URL
  97. Custom JS doesn’t work after 4.9.9 update [closed]
  98. How to load JavaScript modules with script_loader_tag hook?
  99. How to securely set dynamic HTML content with JavaScript?
  100. Astra Mobile Cart Drawer is blank on home page

Leave a Comment