Prosty skrypt jquery osadzający video klip w oknie modalnym. Video jest responsywne.
A simple script jquery embedding a video clip in a modal window. Video is responsive.
W pierwszym kroku dołączamy skrypt js oraz css.
In the first step, we attach the script js and css.
<script src="js/videopopup.js"></script>
<link rel="stylesheet" type="text/css" href="css/videopopup.css" media="screen" />W kodzie HTML przykładowo:
In the HTML code for example:
<a href="javascript:void(0)" id="video1">-- open video --</a>
<div id="vidBox">
<div id="videCont">
<video autoplay id="v1" loop controls="controls">
<source src="video/VideoPopUpHTML5.webm" type="video/webm">
<source src="video/VideoPopUpHTML5.mp4" type="video/mp4">
</video>
</div>
</div>
Inicjujemy w kodzie js
We initiate the js code
<script type="text/javascript">
$(function () {
$('#vidBox').VideoPopUp({
backgroundColor: "#17212a",
opener: "video1",
maxweight: "640",
idvideo: "v1"
});
});
</script>
backgroundColor: "#000000" - kolor tła (domyślnie czarny) / background color (default is black)
opener: "video" - id tagu html po kliknięciu którego otwiera się okno z klipem video / id tag html click which opens a window with a video clip
maxweight: "640" - maksymalna szerokość video / maximum width video
pausevideo: false - czy po zamknięciu okna video ma się zatrzymać czy spauzować / or when you close the video window has to stop or pause (default false - then stops)
idvideo: "" - obowiązkowe id głównego div / required id of the first div
Poniżej skrypt do ściągnięcia. Skrypt można używać zarówno prywatnie jak i komercyjnie.
Jeśli umieścisz gdzieś link do mojej strony to będę wdzięczny ale nie jest on obowiązkowy.
The following script for download. The script can be used both privately and commercially.
If you put somewhere a link to my site I would appreciate but it is not mandatory.
 | Netteria.NET tel.: +48 795 444 861 www: netteria.net |
