Overview:

The Bolt Video Player has built-in responsive functionality. The responsive functionality allows the Bolt Video Player to adapt to any screen size: from mobile phones all the way up to large TVs and projectors. Your video content will look great scaled up or down on any device. Follow the steps below to easily enable the responsive functionality for all of your videos or for a single video:

For All Videos:

  • Log in to your Playwire account
  • Click “Customize Player” from the top nav
  • Select Responsive under the Player Dimensions dropdown
  • Click Save Changes to finish

For Single Videos:

  • Log in to your Playwire account
  • Click “Manage Videos” to browse your videos
  • Select the video you’d like to make responsive
  • Click the “Edit” tab
  • Select Responsive under the Player Dimensions dropdown
  • Click Save Changes to finish

Embedding Your Player:

You can refer to the Embedding Videos on Your Site support article for help finding your video embed code. When copying your embed code, you can just paste it in your webpage where you would like the video to appear. If you would like your video to automatically center and add the ability to control the minimum and maximum size of the player, use the code snippet in this section.
  • The parent <div> will scale to any screen width with the CSS style declaration – “width:100%;”
  • The child <div> will allow you to set a minimum and maximum width by simply editing the following CSS style declarations – “min-width:320px;max-width:1080px;”
  • The child <div> will also automatically center itself on the webpage with the CSS style declaration – “margin: 0 auto;”
  • The <script> will render the Bolt Video Player to the webpage, the “data-height” and “data-width” attributes set the embed to responsive
Code Example
<div style="width:100%;">
<div style="min-width:320px;max-width:1080px;margin:0 auto;">
<!-- Your Embed Here -->
<script 
	data-config="//config.playwire.com/1006036/videos/v2/4315306/zeus.json" 
    data-height="100%" 
    data-width="100%"
    src="//cdn.playwire.com/bolt/js/zeus/embed.js" 
    type="text/javascript"></script>
<!-- END Your Embed -->
</div>
</div>
Output of Code Example -or- View a Standalone Example

http://www.myvideonetwork.com/embed.html

Example Web Page Article
Posted by: Johnny User | 13 Comments | Posted: May 24, 2015

This town deserves a better class of criminal and I’m gonna give it to them. Tell your men they work for me now. This is my city. The first time I stole so that I wouldn’t starve, yes. I lost many assumptions about the simple nature of right and wrong. And when I traveled I learned the fear before a crime and the thrill of success. But I never became one of them. I will go back to Gotham and I will fight men like this but I will not become an executioner.

  • Was this Support Article Helpful ?
  • yes   no