Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Ad icon
Video Content Creator
pramukag
Updated:
Sunday at 6:10 AM
Ad icon
QA Engineer Intern
pramukag
Updated:
Sunday at 6:07 AM
Ad icon
Sell your Land, House on idamata.lk for FREE
sajith.xp.pk
Updated:
Thursday at 9:03 AM
Handmade Character Soft Toys
anil1961
Updated:
Jun 23, 2026
Bodim.lk out now !
Manoj Suranga Bandara
Updated:
Jun 21, 2026
Electronics
Vehicles
Property
Search
Reply to thread
Forums
Computers & Internet
Software Development
A Simple Solution to Make Your Web Video Player "Float" (lightbox video) on the Webpa
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="openewer" data-source="post: 6041982" data-attributes="member: 254304"><p><strong>A Simple Solution to Make Your Web Video Player "Float" (lightbox video) on the Webpa</strong></p><p></p><p>A Simple Solution to Make Your Web Video Player "Float" (lightbox video) on the Webpage</p><p>Make lightbox video player for web</p><p>Here is a simple solution to make your web video player float on the webpage. You may move the web video player to any place on the webpage freely. You may even close the web video player window. Below is the link of the example:</p><p><a href="http://www.web-video-player.com/output/funny.html" target="_blank">http://www.web-video-player.com/output/funny.html</a></p><p>First step: Make web videos and player</p><p>Follow user manual to make web videos and player. Link of simple steps:</p><p><a href="http://www.web-video-player.com/screenshot.php" target="_blank">http://www.web-video-player.com/screenshot.php</a></p><p>After you've completed the above, upload the folder "output" to the root directory of your web space.</p><p>Explanation:</p><p>Project Name => Name of the published html file</p><p>"output" folder => The folder named "output" which contains all of the published files to be uploaded to the website.</p><p>For more information about "output" folder and "project name", please visit:</p><p><a href="http://www.web-video-player.com/support/web-video-player-user-manual5.php" target="_blank">http://www.web-video-player.com/support/web-video-player-user-manual5.php</a></p><p>Now, I upload the folder "output" to the root directory of my website: <a href="http://www.web-video-player.com" target="_blank">http://www.web-video-player.com</a> The project name of my web video is: "funny".</p><p>The web video will be: </p><p><a href="http://www.web-video-player.com/output/funny.html" target="_blank">http://www.web-video-player.com/output/funny.html</a></p><p></p><p>Sample screenshot of my uploaded "output" folder</p><p><img src="http://www.web-video-player.com/output/images2/web-video-player-float-1.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p>Sample screenshot of files under "output" folder</p><p><img src="http://www.web-video-player.com/output/images2/web-video-player-float-2.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> </p><p>Second step: Make web video player float on the webpage</p><p></p><p>Download the codes from:</p><p><a href="http://www.web-video-player.com/support/floating-web-video-player-codes.zip" target="_blank">http://www.web-video-player.com/support/floating-web-video-player-codes.zip</a></p><p>Unzip the file and you will get a notepad which contains the ready-made web video player floating codes. The name of the file is: floating-web-video-player-codes.txt</p><p>Open the file and go to the end to find out the part of the codes: <object></object> </p><p><img src="http://www.web-video-player.com/output/images2/web-video-player-float-3.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> </p><p>Right now, go back to the "output" folder and open the html file "funny" with Notepad or other web design tools. Still, find out the part of the codes: <object></object> and copy the codes.</p><p>Now, turn back to floating-web-video-player-codes.txt and paste them to replace the codes <object></object>. Change the name "floating-web-video-player-codes.txt" into "funny.html". </p><p>Copy the just renamed "funny.html" and paste it into "output" folder to replace the original html file.</p><p>Now, upload "funny.html" again to "output" to replace the original html file on the web space.</p><p>Done! You may now move or close it on the webpage. Please enjoy: </p><p><a href="http://www.web-video-player.com/output/funny.html" target="_blank">http://www.web-video-player.com/output/funny.html</a></p></blockquote><p></p>
[QUOTE="openewer, post: 6041982, member: 254304"] [b]A Simple Solution to Make Your Web Video Player "Float" (lightbox video) on the Webpa[/b] A Simple Solution to Make Your Web Video Player "Float" (lightbox video) on the Webpage Make lightbox video player for web Here is a simple solution to make your web video player float on the webpage. You may move the web video player to any place on the webpage freely. You may even close the web video player window. Below is the link of the example: [URL]http://www.web-video-player.com/output/funny.html[/URL] First step: Make web videos and player Follow user manual to make web videos and player. Link of simple steps: [URL]http://www.web-video-player.com/screenshot.php[/URL] After you've completed the above, upload the folder "output" to the root directory of your web space. Explanation: Project Name => Name of the published html file "output" folder => The folder named "output" which contains all of the published files to be uploaded to the website. For more information about "output" folder and "project name", please visit: [URL]http://www.web-video-player.com/support/web-video-player-user-manual5.php[/URL] Now, I upload the folder "output" to the root directory of my website: [URL]http://www.web-video-player.com[/URL] The project name of my web video is: "funny". The web video will be: [URL]http://www.web-video-player.com/output/funny.html[/URL] Sample screenshot of my uploaded "output" folder [img]http://www.web-video-player.com/output/images2/web-video-player-float-1.png[/img] Sample screenshot of files under "output" folder [img]http://www.web-video-player.com/output/images2/web-video-player-float-2.png[/img] Second step: Make web video player float on the webpage Download the codes from: [URL]http://www.web-video-player.com/support/floating-web-video-player-codes.zip[/URL] Unzip the file and you will get a notepad which contains the ready-made web video player floating codes. The name of the file is: floating-web-video-player-codes.txt Open the file and go to the end to find out the part of the codes: <object></object> [img]http://www.web-video-player.com/output/images2/web-video-player-float-3.png[/img] Right now, go back to the "output" folder and open the html file "funny" with Notepad or other web design tools. Still, find out the part of the codes: <object></object> and copy the codes. Now, turn back to floating-web-video-player-codes.txt and paste them to replace the codes <object></object>. Change the name "floating-web-video-player-codes.txt" into "funny.html". Copy the just renamed "funny.html" and paste it into "output" folder to replace the original html file. Now, upload "funny.html" again to "output" to replace the original html file on the web space. Done! You may now move or close it on the webpage. Please enjoy: [URL]http://www.web-video-player.com/output/funny.html[/URL] [/QUOTE]
Insert quotes…
Verification
Hathara warak wissa keeyada? (Hathara wadi karanna 20)
Post reply
Top
Bottom