Option to save video quality setting.

Yeah, I came here to post this very same thing.

I'd even like the speed to be preserved. As of now, it does seem to show you the set speed when the next video plays, but that's only in the UI, while the actual speed is reset to 1x.

It will be really great for them to add this feature. I do sometimes forget to switch the video quality and that consume all my mobile data

Same case, but opposite for me. My wifi is a bit slow, so the videos automatically start at 720p. But I can't watch it under 1080p, I just don't see the codes clearly unless its at 1080p, so I am willing to let it buffer a bit before watching.

@JeffreyWay Was this fixed? It's becoming a very huge issue since I have limited internet.

some video streaming services also offer the ability to adjust playback quality on-the-fly while watching a video. This means that if you notice the video is consuming too much data or buffering frequently, you can lower the quality mid-stream to reduce data usage.

I also have this issue using a mac. No matter how many times i put a lower resolution, once a new video starts it goes straight back to 4k, even though it says its on 720p I can tell by the video quality its well above that.

I thought I was the only one struggling with this issue but amazed by how long it has been. Anyway I also faced this issue. My moniter is 1080p but it always plays in 2k and every time I close and open the browser I've to configure the setting of CC as well. Hope Jeff finds a solution to this!

Cheers!

@jeffreyway Could you please provide us with an update on this issue? The video quality keeps resetting to 4K, which consumes a substantial amount of my monthly data.

This still seems to be an issue. The video quality & playback speed should persist from one video to another. It gets very irritating when you realise that after every second video in a series the settings change back to defaults & you have to change them again. :(

@jeffreyway just a little nudge and reminder on my part.

My videos start off with nice quality but then randomly will drop in quality level to something like 320p/240p which makes the code unreadable for me. Forcing me to go and manually change it back to 1080p.

So I think having a profile setting/dropdown for default quality selection that would be amazing.

As many of your lessons suggest, here a quick template for a dropdown from TailwindUI you can use;

<div>
  <label id="listbox-label" class="block text-sm font-medium leading-6 text-gray-900">Assigned to</label>
  <div class="relative mt-2">
    <button type="button" class="relative w-full cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 sm:text-sm sm:leading-6" aria-haspopup="listbox" aria-expanded="true" aria-labelledby="listbox-label">
      <span class="flex items-center">
        <img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="" class="h-5 w-5 flex-shrink-0 rounded-full">
        <span class="ml-3 block truncate">Tom Cook</span>
      </span>
      <span class="pointer-events-none absolute inset-y-0 right-0 ml-3 flex items-center pr-2">
        <svg class="h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
          <path fill-rule="evenodd" d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z" clip-rule="evenodd" />
        </svg>
      </span>
    </button>

    <!--
      Select popover, show/hide based on select state.

      Entering: ""
        From: ""
        To: ""
      Leaving: "transition ease-in duration-100"
        From: "opacity-100"
        To: "opacity-0"
    -->
    <ul class="absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" tabindex="-1" role="listbox" aria-labelledby="listbox-label" aria-activedescendant="listbox-option-3">
      <!--
        Select option, manage highlight styles based on mouseenter/mouseleave and keyboard navigation.

        Highlighted: "bg-indigo-600 text-white", Not Highlighted: "text-gray-900"
      -->
      <li class="relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900" id="listbox-option-0" role="option">
        <div class="flex items-center">
          <img src="https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="" class="h-5 w-5 flex-shrink-0 rounded-full">
          <!-- Selected: "font-semibold", Not Selected: "font-normal" -->
          <span class="ml-3 block truncate font-normal">Wade Cooper</span>
        </div>

        <!--
          Checkmark, only display for selected option.

          Highlighted: "text-white", Not Highlighted: "text-indigo-600"
        -->
        <span class="absolute inset-y-0 right-0 flex items-center pr-4 text-indigo-600">
          <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
          </svg>
        </span>
      </li>

      <!-- More items... -->
    </ul>
  </div>
</div>

Just change values to the render value.

Example of the iframe url for the vimeo video would look like this after using the user saved quality setting;

https://player.vimeo.com/video/802028671?color=328af1&autoplay=1&quality=1080p&app_id=122963&texttrack=undefined

@jeffreyway I hope the configuration for subtitle text size and other settings can be saved; otherwise, I have to click on the settings every time I switch to a different video, which is quite inconvenient. Thank you.

OMG! 7 years! 7 years, Carl!

Yeah same problem, I want it to be always 2K and in order to see a 10 minute video I may have to go 2-3 times to change the quality because it drops for no reason. I checked the internet quality and it is just fine when this happens.

For me the quality always drops back to 360p for no reason whatsoever. I can manually set it to 4K and it's fine. That gets kind of tedious after 10 times.

Would give this Issue an upvote with my comment here. It's not a major issue, but since the setting defaults to "Auto", in my experience it drops very conservatively. So my streaming experience often switches to low-res. setting it to a fixed resolution fixes that issue but just for the duration of my session.

In addition to quality It would be nice to set the audio language since the AI translation is not so good. I rather view the lessons in the original audio despite my browser locale.

btw, I just bought a lifetime membership and I can't believe this feature hasn't been implemented for 8 years.

Never give up, folks. 🤣

The player should now remember your preferred setting and will use it for future page loads. Currently, it uses local storage, so it won't persist across browsers.