Note that there are some explanatory texts on larger screens.

plurals
  1. POhow to open list of video links in JW player 6 (mp4 format / light box)
    primarykey
    data
    text
    <p>I have a webpage which opens .flv video files in light box (top_up-min.js/modal). Now i am trying to open the .mp4 version of same video files using JW player 6 in a light box. </p> <p>The code i tried is working to open a video in lightbox [jquery.jwbox.js ] and suggested code opens a hidden div as a lightbox .But i have below issues </p> <p>1.After clicking the video ,click anywhere else other than “close button” the video still closes. In IE 8 or above , even after closing the video ,you can hear the audio. It only stops when you refresh the page . </p> <p>Does anyone already using this have any fix for this?</p> <p>2.Is there any other jquery light that can be used for JW player (mp4 format)</p> <p>Thanks</p> <pre><code>&lt;head id="Head1" runat="server"&gt; &lt;script type="text/javascript" src="js/jquery.js" &gt;&lt;/script&gt; &lt;script type="text/javascript" src="jwplayer/jwplayer.js" &gt;&lt;/script&gt; &lt;script type="text/javascript" src="/js/jquery.jwbox.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="/css/jwbox.css" /&gt; &lt;script type="text/javascript"&gt;jwplayer.key = "key";&lt;/script&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt; //this function i tried to close the video because the existing jquery one closes video even when u touch outside the box.but its throwing js error. function fnClose() { document.getElementById('jwbox_hidden').style.display = 'none'; document.getElementById('jwbox_background').style.display = 'none'; jwplayer().stop(true); return false; } function loadVideo(myFile,title) { document.getElementById("videoTitle").innerHTML = title; jwplayer("player").setup({ file: myFile, width: '640', height: '480', volume: 100, autostart: true, primary: "flash" }); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt; Click the link to display a JW player with a video in the JW Box. &lt;/p&gt; &lt;div class="jwbox"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#" onclick="javascript:loadVideo('http://wpc.2A70.edgecastcdn.net/002A70/CareerVideos/45-2092.01.mp4','Nursery Workers');"&gt;Nursery Workers&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#" onclick="javascript:loadVideo('http://wpc.2A70.edgecastcdn.net/002A70/CareerVideos/15-1021.00.mp4','Computer Programmers');"&gt;Computer Programmers&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#" onclick="javascript:loadVideo('http://wpc.2A70.edgecastcdn.net/002A70/CareerVideos/39-9011.00.mp4','Child Care Workers');"&gt;Child Care Workers&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt; &lt;div class="jwbox_hidden" id="jwbox_hidden"&gt; &lt;div class="jwbox_content"&gt; &lt;label id="videoTitle" class="te_title"&gt; &lt;/label&gt; &lt;a class="te_close_link" style="display: block;" onclick="fnClose();" &gt;&lt;/a&gt; &lt;div id="player"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;br /&gt; &lt;/body&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload