, add a margin style after the width (text in red):
margin: 0 auto;">CODE FROM POP-UP
- Change existing embed code.
-
Within the iframe tag, replace "width: 100%” with necessary dimensions. :warning:
**Be sure to change both width and height so the correct ratios are maintained.**
###
Mute the audio
When using the partner player, you can choose to load your video with no sound by setting the "muted" parameter to "true." That ensures that your video's audio is turned off when the user first opens the page. When the parameter is set to "false," the video plays with sound upon loading. **If you have enabled *****auto-play***** on your video, be sure to disable the audio so your video can be viewed on all browsers.** Some browsers have policies in place that prevent videos from auto-playing if the sound is on.
View the code
###
Manually assign video start and end times
To manually assign video start and end times, adjust the start and end times in the partner player code.
In the code below, where *start=0* and *end=0,* replace the zeroes with the start/end times in seconds. For example, if you want the video to start at five (5) minutes and end at six (6) minutes, use *start=300* (5 min. x 60 sec.) and *end=360* (6 min. x 60 sec.).
See the comparison below between the partner player default code and the partner player code with adjusted start and end times (in red).
> ⚠️
**Times are represented in seconds. 1 minute = 60 seconds.**
**Default code: **
**A video set to start at 5 minutes and end at 6 minutes:**
##
How to add the partner player to your page
Before adding the partner player to your page, be sure the asset is published.
- Click the ***Preview tab*** and click **Get Player Embed Code** (Figure 1).
Figure 1
- The *Partner Player Embed Code* options display. The Partner Player is responsive and automatically displays correctly on all devices, so you do not need to indicate a size for the player.
- Click the **checkboxes** next to the following fields to customize your Partner Player (Figure 2.1):
- Click the **checkbox next to *****Enable Share bar*** to include a functional bar at the top of the partner player. :warning: **Keep in mind this expands your partner player vertically.**
- Click the **checkbox** **next to *****Customize start and end times*** to customize the start and end times of your video in the partner player. Click the **Start and End time textboxes** and type the times or click the arrows to enter the times. [Learn more](https://docs.pbs.org/space/MM/5343811/The+Partner+Player#Manually-assign-video-start-and-end-times)
- Click the **checkbox** **next to*** ****Enable Auto-play**** *if you want your video to automatically begin playing when a user lands on your page.
- **If you enable this feature, be sure to also enable *****mute video when playback starts***** so your video can be viewed on all browsers. **Some browsers have policies in place that prevent videos from auto-playing if the sound is on.
- Click the **checkbox** **next to*** ****Mute video when playback starts*** so your video's audio is muted when auto-play is enabled.
- **If you have enabled *****auto-play***** on your video, be sure to also enable this option so your video can be viewed on all browsers.** Some browsers have policies in place that prevent videos from auto-playing if the sound is on.
- Click the **checkbox** **next to** ***Enable End Screen*** to include a screen listing related videos when the video is finished playing.
- Some producers prefer to turn this feature off because the Related Videos that appear in this window send the user to the PBS Video portal.
- Each time you check or uncheck an option, the code in the Embed Code textbox adjusts to reflect your selections (Figure 2.2).
- Click the blue **Copy Code** button to select and copy the embed code and paste it into your page (Figure 2.3).
Figure 2
## How to find partner player code
This section demonstrates how to find the partner player code for PBS national videos and videos owned by external producers. By checking the partner player code you can find out when videos expire, avoiding the inclusion of expired videos on your website.
The partner player code is designed to display full-size 16:9 videos.
> ⚠️ **If you have a Bento site, the ****[video component](https://docs.pbs.org/space/B3/4751468/Video)**** does all the work for you. ****[Learn more about Bento](https://docs.pbs.org/space/B3/4751362/Bento+3.0)**
- Open a **video** on [PBS.org](https://www.pbs.org/) and, in the browser address bar, copy the** video slug** (Figure 1). The slug is the part of the URL that comes after */video/*.
Figure 1
- In a browser window, paste the slug you copied to the end of the following URL: https://media.services.pbs.org/api/v1/assets/ (Figure 2).
- Your URL should look like this: https://media.services.pbs.org/api/v1/assets/**[SLUG-Goes-Here] **
- It may help to install a JSON formatting extension such as [https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa](https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa) to make the API response more readable.
> ⚠️ **You must have a Media Manager API key to perform this step. To get an API key, please ****[submit a support ticket](https://digitalsupport.pbs.org/support/tickets/new)****.**
Figure 2
- When the response displays, press CTRL + F on a pc or CMD + F on a Mac and search for the term "***player***" (Figure 3.1).
- Copy everything in the URL from the word "***player***" to just before the **question mark** (**?**) (Figure 3.2). Example: player.pbs.org/partnerplayer/Yl4gPpTL_jwFFSMwhfS_-w==/
Figure 3
- After "src=" in the localization code block, paste the URL from the word "***player***" to just before the **question mark** (**?**) (Figure 4).
Click here to get code you can copy and paste
```
```
Figure 4
- To find the availability for each video, search for "*avail*" in the API response in the same manner you searched for "*player*" in Figure 3. When the *Availabilities* section displays (Figure 5.1), each audience is listed (Figure 5.2) with the associated video expiration date (Figure 5.3).
> ⚠️ If "null" is specified, the video never expires.
> ⚠️
> ⚠️ 
Figure 5
## How to preview the partner player in a browser
Preview your partner player video in a browser simply by copying and pasting the URL into your browser. Below is an example of an iFrame src URL wrapped in a
tag. Copy and paste the** src URL** into a browser to preview the partner player.
In the example below, locate the following code and copy and paste it into a browser: *https://player.pbs.org/partnerplayer/O5cslIcLf3NYx1mSxma30A==/?start=0&end=0&topbar=false&autoplay=false&muted=false&endscreen=false" allowfullscreen*
##### **How to preview partner player in a browser**
```
```
## How to add localization to the partner player
For all types of content, you must add your callsign to the partner player code, as displayed in the example below:
##### **Sample code**
```
```
Localization is required for the following types of content:
| **Type of Content** | **Description** |
| --- | --- |
| Passport | Passport is a station member benefit and therefore requires a station association to load the passport sign-in option. Without the sign-in option the video shows an error when trying to load. For Passport videos that require a Passport sign-in for viewing, the partner player displays a “Sign In” button that redirects the user to the Station Video Portal in order to watch the video. |
| Public content that is* limited to specific station audiences* | An example of public content limited to specific station audiences are shows that are in the “*public*” availability window, but limited to only *specific stations* instead of “*all stations*” or “*national*" in the Audience section of the [Core Data tab](https://docs.pbs.org/space/MM/5343796/Shows#Core-Data) in Media Manager. |
| EPiC content | PBS Passport feature that allows stations to purchase rights to exclusive Passport video content from external partners like BBC Studios and APT, and distribute it through PBS channels using the existing Passport availability model. [Learn more about EPiC](https://docs.pbs.org/space/EPIC/4915202/EPiC) |
**Keep in mind that, in all cases, if your callsign ever changes, you must manually change the callsign in the code**
If your station meets all of the following conditions, you must manually change the partner player code to your station's video portal URL:
- Your station site is not under the PBS.org domain
- You do not already have an existing integration with PBS Account
- You want users to be able to watch Passport content on your site
- Your station video portal is a subdomain of your parent station site (e.g. [weta.org](http://weta.org) is the station site, and [watch.weta.org](http://watch.weta.org) is the station video portal)
If any of the above conditions are true, you must change the partner player code in the following way:
| **Change code from:** | **Change code to:** |
| --- | --- |
| https://player.pbs.org/ | https://[your station video portal URL]/ |
The following is the full code example:
##### **Full example **
```
```