App Cloud
- Overview and general topics
- Product Updates
- Glossary
- The App Cloud SDK
- Creating an app template
- Tutorials
- Content optimization
- Development tips and best practices
- Packaging a template
- Creating apps from a template
- Publishing an app
- Delivering ads
- Push Notifications
- Analytics
- Managing users and accounts
Player Debugger
Resources
Transitioning from MobileCompatibility to Smart Players
This topic describes how publishers who have deployed Video Cloud's earlier HTML5 video delivery solution can take advantage of our newest solution, smart players.
Video Cloud's earlier HTML5 video delivery solution, described in the article Brightcove Experience for HTML5, used JavaScript embedded in your web page to call a JavaScript file named MobileCompatibility.js, which detects the viewer's device and, where appropriate, swaps out the Video Cloud Flash player and swaps in an HTML5 player in its place. Video Cloud now offers smart players, which provide superior functionality for HTML5 video delivery in a simpler way. Using smart players, you can use a single player in both Flash mode and HTML5 mode. The custom styling you apply to your Video Cloud player will carry over to both the Flash mode and HTML5 mode of the player. You don't have to include extra JavaScript in your web page beyond the basic player publishing code.
To use smart players for players you publish, you don't need to do anything special. As long as the player meets the requirements for smart players described in Delivering Video with HTML5 and Smart Players, and you don't opt out of HTML5 delivery at either the account or player level (as described in Setting Your HTML5 Delivery Options), you can use the regular JavaScript player publishing code, and take full advantage of the smart player features. See also:
Video Tutorial: HTML5 Smart Players
Converting players previously published with MobileCompatibility.js
If you've already published players using the MobileCompatibility.js solution, you can change the way you publish the players in your web pages to convert them to the smart players solution. Assuming that the player meets the requirements for smart players, edit the web pages that contain the player as follows:
- Remove the script reference to MobileCompatibility.js from the web page. This will be in a <script> tag in the <head> section of your web page, and should look like this:
<script language="javascript" type="text/javascript" src="MobileCompatibility.js"> </script>
-
Remove the JavaScript calls to runMobileCompatibilityScript() in your web page, which will look like this:
<script type="text/javascript"> runMobileCompatibilityScript('myExperience', 'anId'); </script>
After you remove the MobileCompatibility.js and runMobileCompatibilityScript()references, the JavaScript player publishing code will function to display the smart player, automatically switching between Flash mode and HTML5 mode, depending on the viewer's device.
