Skip to main content
Brightcove video event handling is way to capture the video events and perform some operations on occurrence of that event.


AlertNote: Brightcove API services does not work on local environment (for example: direct browsing of page) so you have to host the website on IIS.




Here are the steps to include video on page and capture the events and perform some action on event occurrence.

Open any HTML page and write the mentioned javascript code in head section.

Javascript Section

<script type="text/javascript">
         var player;
         var modVP;
         var modExp;
         var modCon;   
    
         function myTemplateLoaded(experienceID) {            
             player = brightcove.api.getExperience(experienceID);
             modVP = player.getModule(brightcove.api.modules.APIModules.VIDEO_PLAYER);
             modExp = player.getModule(brightcove.api.modules.APIModules.EXPERIENCE);
             modCon = player.getModule(brightcove.api.modules.APIModules.CONTENT);
             modExp.addEventListener(brightcove.api.events.ExperienceEvent.TEMPLATE_READY, onTemplateReady);
         }

         function onTemplateReady(evt) {        
             modVP.addEventListener(brightcove.api.events.MediaEvent.BEGIN, onMediaEventFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.CHANGE, onMediaEventFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.COMPLETE, onMediaEventFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.ERROR, onMediaEventFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.PLAY, onMediaEventFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.PROGRESS, onMediaProgressFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.STOP, onMediaEventFired);
         }


         function onMediaEventFired(evt) {
             alert(evt.type);
             if (evt.type === brightcove.api.events.MediaEvent.BEGIN) {
                 alert('Here Video Begins!!');
             }
         }
    </script>


Body Section


<div style="display: none"></div>

    <script language="JavaScript" type="text/javascript"src="http://admin.brightcove.com/js/BrightcoveExperiences.js">       
    </script>
    <object id="myExperience2128824061001"class="BrightcoveExperience">
        <param name="bgcolor" value="#FFFFFF" />
        <param name="width" value="480" />
        <param name="height" value="270" />
        <param name="playerID" value="PLAYED_ID" />
        <param name="playerKey" value="AQ~~,AAABywrPJyk~,MP34hwWOTrN8Z6UocoZHuAZdr8inViSF"/>
        <param name="isVid" value="true" />
        <param name="isUI" value="true" />
        <param name="dynamicStreaming"value="true" />
       
        <!-- smart player api params -->
        <param name="includeAPI" value="true" />
        <param name="templateLoadHandler"value="Test" />

        <param name="templateLoadHandler"value="myTemplateLoaded" />
        <param name="templateReadyHandler"value="onTemplateReady" />

        <param name="@videoPlayer" value="VIDEO_ID" />
    </object>

Popular posts from this blog

Cannot alter the login 'sa', because it does not exist or you do not have permission.

Working on projects, it can happen that 'sa' account gets locked. If it is on local machine OR development boxes, onus would be on you to fix it. If scripts and SQL steps are not working, this might help you fixing the issue.

Steps to unlock 'sa' account and resetting the password.

1. Open SQL Server Configuration Manager

2. Select SQL Server Services -> 'SQL Server' service.
3. Right click on 'SQL Server' service and click on "Startup Parameters". For 2008, server "Startup Parameters" are inside Advanced tab.


4. Add '-m' in startup parameters as shown above and click on 'Add'. This will put SQL server into 'Single User Mode' and local admin will have 'Super User' rights. For 2008, server you have to add ':-m' in the last of the existing query.
5. Save the settings and Restart the service.
6. Now open the SQL Server Management Studio and connect to database using 'Windows Authentication&…

Sitecore - Moving items from web to master

In most of the cases, generally you create items in master database and publish to web/production data. However, sometimes few items are in web database and not in master. Reason can be anything, like you might have deleted it in master but did not publish the parent item or due to some other reason.

If you are thinking, you will create package from web and deploy it in master, that will not work. :-) When you create package from master, it installs the items in master only and same is the case with web.

Right and easy way to do is Transfer the item. Yes, you read it right. There is a provision in Sitecore to transfer the items from one database to another.

Select the item which you want to transfer from one database to another. Right click on it and then select Copying. Click on Transfer. see screenshot



Once you click on Transfer, it opens up a popup box. Click 'Next'. see screenshot

After clicking on next, you have to choose the database where you would like to transfer the…

WFFM: Save to Database

Web Forms For Marketers has become one of the essential component of Sitecore. Almost every website is using forms to capture the inputs from users and it is very common scenario to get the data stored in Database for reporting purpose. Here are few easy steps which can help you storing the form's data in SQL database.


Download the WFFM - SQL Provider(Save To Database) and install it in Sitecore using Installation wizard. All physical files and Sitecore items will be stored in respective location.Once installed, you will notice that it has created a new Action under System-> Modules -> Web Forms for Marketers -> Settings -> Actions -> Save ActionsNow, we have to add connection string in configuration file which will help us storing the data in that database. You have to keep the name of connectionstring to 'wfm' only as same name is referred in WFFM module code.
< add connectionstring="user id=your_db_user_id;password=your_db_password;Data Source=you…