Getting ready for Google Chrome blocking Flash

2015-08-27

Google and Adobe have been working together to optimize Flash usage within the Chrome browser. This means that starting on September 1st 2015, Chrome will automatically "block" what is not be considered part of the main content of a site. For example, ads will be targeted. This block actually means that the Flash component will be set to a "pause" state and the user will need to click it in order to activate the Flash content.

The drawback of this system is that Flash/Chrome automatically decides what content should be paused. As such, since the Nimbb Player is a video component, it is possible that it will be paused within Chrome. Here is an example of the player paused by Chrome:



Once the user clicks on the component, the Flash app is activated and the Nimbb Player can be used.

We have discovered that different elements can affect if the Nimbb Player is paused or not within Chrome:


  • the positioning of the Nimbb Player within your HTML code. For example, using CSS styling "float:right;" seems to automatically pause any Flash content.

  • the Nimbb Player size. Setting a size smaller than 398x298 pixels can cause the Nimbb Player to be paused. We recommend using a 640x480 size when possible. There is a solution however if you need a smaller size like 320x240 (see below).



To test if your Nimbb Player integration will be paused in your site, you can test it today by enabling the feature within Google Chrome. Simply open the following URL in the Chrome browser:

chrome://settings/content

In the Content settings, under Plug-ins, select "Detect and run important plugin content". Now open your site and test your Nimbb Player integration.

Here is a solution if the Nimbb Player is blocked. First, add these JavaScript lines to your HTML code:


<script type="text/javascript">
<!--
function Nimbb_initCompleted(idPlayer)
{
document[idPlayer].width = 320;
document[idPlayer].height = 240;
}
-->
</script>


In your Nimbb embed code under the "object" tag, replace the width and height values by zero:


<object id="nimbb" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="0" height="0" …>


You can replace the width and height of the JavaScript code by your own values. Once the page loads and the Nimbb Player is ready, it will be automatically resized and will be displayed correctly by Chrome.

Contact us if you have any issue with your integration or if you find other solutions.

References related to this issue:
- Plug-in settings
- Better battery life for your laptop


Share this news:








SIGN UP NOW 7-day free trial

Check out our Developer guide to get started with Nimbb.