 |
| Brightcove and Sitecore using CSharp |
It’s very easy to render
Brightcove video through HTML as
<iframe src="//players.brightcove.net/4234/default_default/index.html?videoId=1111" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>
But do you know how to
render it through programmatically?
Let’s suppose you are
getting video item id and player id through Sitecore in your MVC view as
var playerHtml = string.Empty;
<div>
@{
playerHtml = HelperClass.Instance().GetVideoPlayerMarkup(Model.VideoItemGuidId,
Model.PlayerGuidId, 170, 300);
}
<script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>
@Html.Raw(playerHtml)
<script type="text/javascript">
brightcove.createExperiences();
</script>
</div>
This view calling GetVideoPlayerMarkup() method which accept 4 parameters – video item id, player
item id, video player’s height and width.
You need to include below
namespace for using this method
using
Sitecore.MediaFramework.Pipelines.MediaGenerateMarkup;
using Sitecore.MediaFramework.Players;
Here is a C# code for this method
as
public virtual string GetVideoPlayerMarkup(ID videoItemId, ID playerItemId, int height, int width)
{
var playerHtml = string.Empty;
PlayerProperties playerProperties = new PlayerProperties()
{
ItemId = videoItemId,
PlayerId = playerItemId,
Height = height,
Width = width
};
MediaGenerateMarkupArgs args = new MediaGenerateMarkupArgs()
{
MarkupType = MarkupType.Html,
Properties = playerProperties
};
MediaGenerateMarkupPipeline.Run(args);
if (!args.Aborted)
{
playerHtml = args.Result.Html;
}
return playerHtml;
}
That’s it. Now when you
render this view you will get the Brightcove video on the browser.
I hope you like this Sitecore-Brightcove integration
through code. Stay tuned for more Sitecore related articles.
Till that happy Sitecoring
:)
Please leave your comments or share this code if it’s
useful for you.
