Skip to main content

How to get youtube video id ,prepare the IFrame and play the video using jQuery


<body>
    <form id="form1" runat="server">
    <div>
    <input id="vdo" />
    </div>
<div>
<button id="btn">Click</button>
</div>
<div id="fnl">
</div>

<script>
$(document).ready(function () {

$("#btn").click(function (e) {
e.preventDefault();

var url = $("#vdo").val();


var youtubeUrl = url.match(/watch\?v=([a-zA-Z0-9\-_]+)/);

var source="http://www.youtube.com/embed/" + youtubeUrl[1];

output = '<iframe width="420" height="420" src="'+source+'"  frameborder="0" allowfullscreen></iframe>';

$("#fnl").html(output);

});
});

</script>
    </form>
</body>


Hope this will help
Cheers
Pradeepa Achar

Comments

Post a Comment

Popular posts from this blog

How to get the SharePoint central admin url programmaticaly via C#?

I had come across a situation where i had to get the sharepoint central admin's url.. You can follow the following snippet of the code. At the begining add the namespace  using Microsoft.SharePoint.Administration; SPAdministrationWebApplication centralAdminFarmUrl =  Microsoft.SharePoint.Administration.SPAdministrationWebApplication.Local ; String  centralAdminUrl = centralAdminFarmUrl.Sites[0].Url;  This may help someone -Cheers Pradeepa Achar
1 comment
Continue »

Programmatically read the value from web.config file

Here is a situation where you need to keep a key value pair element in the web.config file and read them during the run time. I suggest, better keep key /value pair under <appSettings> element and read it programmatically . <appSettings>   <add key=" LicenseKey " value=" 987jKouterhsk " /> </appSettings> Assume , you have added a license key as above in the web.config file. You need the license key during run time. You can access the license key class named "ConfigurationManager". write a property  called getLicenseKey and return the corresponding license key. public string GetLicenseKey {    get{   return  ConfigurationManager.AppSettings[" LicenseKey "]; } } Now the property GetLicenseKey will have the value 987jKouterhsk. Use this value as per your requirement. -Cheers Pradeepa Achar
Post a Comment
Continue »