YouTube iFrame API “setPlaybackQuality” or “suggestedQuality” not working

by

I have the exact same problem and workaround.
I think what’s happening is that YouTube is only allowing quality levels based on the actual size of the display, so unless you have your video 720px tall you can’t default to 720p before it’s actually playing. Then the user controls kick in and YouTube stops being a dick.

EDIT

Just hit a breakthrough:
If you use event 3 (buffering) instead of event 5 (playing) there’s no stutter for the user. Quality is changed as soon as it starts loading. Only weird thing is you need to set it in onPlayerReady as well or it doesn’t work.

function onPlayerReady(event) {
    event.target.setPlaybackQuality('hd720');
}
function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.BUFFERING) {
        event.target.setPlaybackQuality('hd720');
    }
}

More Related Contents:

  1. How to detect when a youtube video finishes playing?
  2. How to embed an autoplaying YouTube video in an iframe?
  3. how to block website from loading in iframe?
  4. Youtube iframe api not triggering onYouTubeIframeAPIReady
  5. Youtube embed: Unsafe JavaScript attempt to access frame
  6. How can I access the contents of an iframe with JavaScript/jQuery?
  7. How to get the body’s content of an iframe in Javascript?
  8. How do I get the YouTube video ID from a URL?
  9. Get current URL from IFRAME
  10. How to set an iframe src attribute from a variable in AngularJS
  11. How to identify if a webpage is being loaded inside an iframe or directly into the browser window?
  12. How to check if iframe is loaded or it has a content?
  13. cross-domain iframe resize
  14. javascript access parent DOM across domains?
  15. Detect iFrame embedding in Javascript
  16. How do I implement Cross Domain URL Access from an Iframe using Javascript?
  17. Is there a way to have content from an IFRAME overflow onto the parent frame?
  18. Get IFrame’s document, from JavaScript in main document
  19. Write elements into a child iframe using Javascript or jQuery
  20. using javascript to detect whether the url exists before display in iframe
  21. How to set HTML content into an iframe
  22. jQuery Youtube URL Validation with regex
  23. Is there any way to get Firebase Auth User UID?
  24. How to close an iframe within iframe itself
  25. how Postman send requests? ajax, same origin policy
  26. Refresh iFrame (Cache Issue)
  27. How to get direct url for youtube videos
  28. What’s the best way to set cursor/caret position?
  29. Chrome userscript error: “Unsafe JavaScript attempt to access frame”
  30. JQuery Modal Boxes and Iframe

Leave a Comment