Device, method, and graphical user interface for displaying content associated with a corresponding affordance

An electronic device, comprising:

• a display;
• a touch-sensitive surface;
• one or more sensors to detect intensity of contacts with the touch-sensitive surface;
• one or more processors;
• memory;
• and
• one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
• displaying, on the display, a media player application, wherein the media player application includes a first media player control that is displayed in a first region of a user interface of the media player application, the first media player control for controlling playback of a plurality of different media items by the media player application;
• and
• while the first media player control is associated with a first media item:
• displaying a representation of a second media item that is associated with a second media player control for controlling playback of the second media item, wherein:
• the second media player control is displayed in a second region of the user interface of the media player application that is distinct from the first region,
• the second media player control is distinct from the representation of the second media item, and
• the second media player control includes a single button that controls a plurality of media playback operations, including:
• starting playback of the second media item at a playback rate;
• and
• fast forwarding through the second media item at a rate faster than the playback rate;
• while a focus selector is over the single button in the second media player control that controls the plurality of media playback operations, detecting an input that includes an increase in intensity of a contact;
• and
• in response to detecting the input, determining whether to advance playback through the second media item in accordance with the intensity of the contact wherein determining whether to advance playback through the second media item in accordance with the intensity of the contact includes:
• in accordance with a determination that, during the input, the intensity of the contact increases above a first intensity threshold but does not increase above a second intensity threshold higher than the first intensity threshold, starting playback of the second media item at the playback rate;
• and,
• in accordance with a determination that, during the input, the intensity of the contact increases above the second intensity threshold, fast forwarding through the second media item at a rate that is faster than the playback rate.

A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a display, a touch-sensitive surface, and one or more sensors to detect intensity of contacts with the touch-sensitive surface, cause the electronic device to:

• display, on the display, a media player application, wherein the media player application includes a first media player control that is displayed in a first region of a user interface of the media player application, the first media player control for controlling playback of a plurality of different media items by the media player application;
• and
• while the first media player control is associated with a first media item:
• display a representation of a second media item that is associated with a second media player control for controlling playback of the second media item, wherein:
• the second media player control is displayed in a second region of the user interface of the media player application that is distinct from the first region,
• the second media player control is distinct from the representation of the second media item, and
• the second media player control includes a single button that controls a plurality of media playback operations, including:
• starting playback of the second media item at a playback rate;
• and
• fast forwarding through the second media item at a rate faster than the playback rate;
• while a focus selector is over the single button in the second media player control that controls the plurality of media playback operations, detect an input that includes an increase in intensity of a contact;
• and
• in response to detecting the input, determine whether to advance playback through the second media item in accordance with the intensity of the contact, wherein determining whether to advance playback through the second media item in accordance with the intensity of the contact includes:
• in accordance with a determination that, during the input, the intensity of the contact increases above a first intensity threshold but does not increase above a second intensity threshold higher than the first intensity threshold, starting playback of the second media item at the playback rate;
• and,
• in accordance with a determination that, during the input, the intensity of the contact increases above the second intensity threshold, fast forwarding through the second media item at a rate that is faster than the playback rate.