Which player am I using?
Wistia's most modern video player is code-named Aurora, and is the fastest and more lightweight video player on the market. Most of our users are getting Aurora players today, and therefore are getting the best video experience we can provide.
Users who've been with Wistia for a while might be using our prior-generation player, often referred to as E-v1. As the Aurora player becomes more generally available you may find yourself wondering which version of the player you've got access to.
The bottom line is:
- Aurora is the default for most users, and its documentation is here: Aurora Documentation
- If you're a longer-term Wistia customer, you still have access to Aurora, but your existing embeds are likely the previous generation player (E-v1). Those docs are here: All About E-v1.js
Aurora
The Aurora player is built on an open standard called WebComponents, which allows it to be delivered as a custom HTML element (<wistia-player>
). The embed codes for a standard responsive Aurora player look like this:
<script src="https://fast.wistia.com/player.js" async></script>
<script src="https://fast.wistia.com/embed/{YOUR_VIDEO_HASHED_ID}.js" async type="module"></script>
<style>wistia-player[media-id='{YOUR_VIDEO_HASHED_ID}']:not(:defined) {
background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/{YOUR_VIDEO_HASHED_ID}/swatch');
display: block;
filter: blur(5px);
padding-top:56.25%;
}</style>
<wistia-player media-id="{YOUR_VIDEO_HASHED_ID}"></wistia-player>
If you use iframe embeds, the Aurora version looks like this:
<script src="https://fast.wistia.net/player.js" async></script>
<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;">
<div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;">
<iframe src="https://fast.wistia.net/embed/iframe/{YOUR_VIDEO_HASHED_ID}?web_component=true&seo=true" title="Video" allow="autoplay; fullscreen" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" width="100%" height="100%"></iframe>
</div>
</div>
If your embed codes look like the above (contain a <wistia-player>
element, reference web_compoment
, or have a reference to player.js
), you're using Aurora!
Learn more in the Aurora Documentation
E-v1 Players
If your embed code doesn't look like the above, you're using our prior-generation player. Some users might have unique integration needs that the Aurora player won't quite meet yet - in that case, the prior-generation player might be better suited to what you're trying to do.
These embeds will contain a script tag referencing E-v1.js
, for all flavors (responsive, iframe, etc.).
Learn more in the All About E-v1.js documentation.
Updated about 23 hours ago