Netteria.NET - Sklepy internetowe, strony www, aplikacje web, usługi programistyczne

Tworzenie stron www. Programowanie na zamówienie.

    HTML5 responsive popup video

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.


Przykład/Example

-- open video --

Jak używać / How to use

Wymagana jest biblioteka jquery / Required library jquery

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>

Opcje / Options

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.





KONTAKT
Netteria.NET
Tworzenie i projektowanie stron www. Usługi programistyczne.
+48 795 444 861
  WhatsApp
 a..@...net > kliknij aby odsłonić
 netteria
Siedziba firmy
oś. leśne 9
66-470 Kostrzyn n/O
Polska
NIP: 598-102-24-16


Prestashop sklep: Presta Expert


Kod QR z informajcą o firmie Netteria.NET. Aktualna strona https://netteria.net/html5-video-popup-jquery/105/ - HTML5 responsive video popup jquery.
 

Zainteresowanych zapraszamy do skorzystania z poniższego formularza kontaktowego.

Zachęcamy również do zapoznania się z warunkami współpracy z naszą firmą - Zasady współpracy

kod antyspamowy

Nasze konta społecznościowe w sieci internet


Uwaga! Strona wykorzystuje pliki cookies. Więcej informacji pod tym adresem.
Rozumiem i akceptuję (zamknij)
Kod QR z informajcą o firmie Netteria.NET. Aktualna strona https://netteria.net/html5-video-popup-jquery/105/ - HTML5 responsive video popup jquery.

Netteria.NET
Tworzenie i projektowanie stron www.
Sklepy internetowe.
Usługi programistyczne.

tel.: +48 795 444 861 www: netteria.net
Siedziba firmy
oś. leśne 9 66-470 Kostrzyn n/O Polska NIP: 598-102-24-16

Prestashop sklep: Presta Expert