Create a reproduction page for an HTML5 player
Create a reproduction page to help our Support Team help you to resolve HTML5 player issues.
After reading our documentation, reviewing our code samples, and examining our demo, you may still be unable to resolve an implementation issue. At this point, you should submit a support ticket that includes a URL link to a web-based, reproduction page that JWP's Support Team can access.
Reproduction pages reduce the time necessary to resolve your issue in several ways:
- Clearly shows your implementation of our code
- Eliminates non-essential code and libraries
- Enables the Support Team to suggest code revisions
Create a reproduction page
There are several ways to embed the player. The following table notes things to include in your reproduction page for each type of player embed.
TYPE OF HTML5 PLAYER EMBED | REPRODUCTION PAGE NOTES |
---|---|
Dashboard embed (JavaScript or iFrame) | • Include dashboard embed code. • Include any custom, event-driven player code. |
WordPress embed | • Include the WordPress shortcode. • Disable non-essential plug-ins in your plug-in library. |
Manual embed | • Include the player library URL. • Clearly identify the div for the player, if applicable.• Include jwplayer().setup() .• If the player is self-hosted, include the license key on the page. • Include any custom and/or event-driven player code. • Remove JavaScript code and libraries not required by the player, like jQuery or require.js. • Remove CSS code or stylesheets not used by the player. |
Dashboard JavaScript embed example
<html>
<head> ... </head>
<body>
<script src="https://content.jwplatform.com/players/UVQWMA4o-aBCdE12G.js"></script>
</div>
</html>
Dashboard iFrame embed example
<html>
<head> ... </head>
<body>
<iframe src="https://content.jwplatform.com/players/QI9oRv08-aBCdE12G.html" width="100%" height="100%" frameborder="0" scrolling="auto" allowfullscreen style="position:absolute;"></iframe>
</body>
</html>
Manual embed example
<html>
<head>
<script src="https://cdn.jwplayer.com/libraries/aBCdE12G.js"></script>
</head>
<body>
<!-- Here is the <div> for the player --> <div id="myElement"></div>
<script type="text/JavaScript"> jwplayer("myElement").setup({ "playlist": "https://cdn.jwplayer.com/v2/media/xxxxYYYY" });
</script>
</body>
</html>
Submit a HTML5 player support ticket
When submitting a HTML5 player issue support ticket, please provide the following information in the Description field of your support ticket:
- Browser name and version
- Operating system name and version
- Device make and model
- What behavior do you expect from the player?
- What behavior is actually occurring with the player?
- Provide step-by-step instructions to reproduce this behavior on your reproduction page
In the Reproduction page field, enter the URL of your reproduction page.
Updated 11 months ago