Implementation of JW Player using Modal Popup in

Category: ASP.NETJQUERY Comments: No comments

Follow two steps for implementation

Step 1: Add below section to Head Tag

<script src=”” type=”text/javascript”></script>
<script src=”js/jwplayer.js” type=”text/javascript”></script>
<link href=”ModalPopup.css” rel=”stylesheet” type=”text/css” />
<script src=””></script>
<script src=””></script>
<script type=”text/javascript”>
function DisplayVideo(obj) {
var s = obj;
resizable: false,
height: ‘auto’,
width: ‘auto’,
modal: true

jwplayer(“mediaplayerid”).setup({ //To open a Player in a Dialog Box
flashplayer: ‘Jwplayer/jwplayer.flash.swf’,
provider: “video”,
file: s,
title: ‘Demo Video’,
image: ‘noimage.jpg’,
autostart: false,
allowfullscreen: ‘true’,
width: ’380′,
height: ’250′,
logo: {
file: “druplicon-polska-small.png”,
link: “”


Step 2: Add below section to Design Page or Aspx Page

<a href=”javascript:void(0)” id=”showvideo” onclick=”DisplayVideo(‘video.mp4′);”>Video 1</a>
<img src=”druplicon-polska-small.png” onclick=”DisplayVideo(‘video.mp4′);” style=”cursor:pointer” />
<div id=”dialog-modal” title=”Video”>
<div id=”mediaplayerid”>

Modal Video

Modal Popup Css: Modal Popup Css
Jw Player Js and Flash Player: JS and Player
Video : Video


Leave a Reply

Your email address will not be published. Required fields are marked *


HTML tags are not allowed.