KATEGORIE
Zpěz k nákupu
Vivotek FD9380-HTV-V2 IP kamera, 5MP, H.265, dome, PoE, IR 30 m, AI, mSDXC, venkovní
Vivotek FD9380-HTV-V2 IP kamera, 5MP, H.265, dome, PoE, IR 30 m, AI, mSDXC, venkovní
6614 Kč
5466 Kč bez DPH
Dostupnost: Ano, centrál. sklad
Part no.: FD9380-HTV-V2
Kód produktu: 130942139
Výrobce: Vivotek
Váha: 1,16 kg
Záruka: 60 měsíců
Popis produktu
VIVOTEK FD9380-HTV-V2
.container {
box-sizing: border-box;
max-width: 900px;
margin: auto;
padding: 20px;
border-radius: 8px;
background-color: #fff;
font-size: 14px;
color: #333;
}
.container h1 {
margin-top: 0;
color: #005baa;
text-align: left;
}
.container p {
line-height: 1.6;
}
.video-container {
position: relative;
width: 80%;
max-width: 800px;
margin: 25px auto 10px;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 10px;
background-color: #000;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);
}
.video-preview {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
padding: 0;
overflow: hidden;
border: 0;
background-color: #000;
cursor: pointer;
}
.video-preview-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.25s ease;
}
.video-preview:hover .video-preview-image {
transform: scale(1.02);
}
.video-preview-overlay {
position: absolute;
inset: 0;
background:
linear-gradient(
to bottom,
rgba(0, 0, 0, 0.72) 0%,
rgba(0, 0, 0, 0) 31%,
rgba(0, 0, 0, 0) 69%,
rgba(0, 0, 0, 0.68) 100%
);
}
.video-channel-logo {
position: absolute;
top: 14px;
left: 16px;
z-index: 3;
display: flex;
align-items: center;
gap: 10px;
pointer-events: none;
}
.video-channel-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background-color: #008fd5;
color: #fff;
font-size: 8px;
font-weight: bold;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35);
}
.video-title-box {
color: #fff;
text-align: left;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);
}
.video-title {
display: block;
max-width: 610px;
overflow: hidden;
font-size: 17px;
font-weight: bold;
line-height: 1.25;
white-space: nowrap;
text-overflow: ellipsis;
}
.video-channel-name {
display: block;
margin-top: 2px;
font-size: 12px;
font-weight: normal;
}
.video-play-button {
position: absolute;
top: 50%;
left: 50%;
z-index: 4;
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 48px;
border-radius: 14px;
background-color: #ff0033;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
transform: translate(-50%, -50%);
transition:
transform 0.2s ease,
background-color 0.2s ease;
pointer-events: none;
}
.video-preview:hover .video-play-button {
background-color: #cc0029;
transform: translate(-50%, -50%) scale(1.08);
}
.video-play-triangle {
display: block;
width: 0;
height: 0;
margin-left: 4px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 17px solid #fff;
}
.video-bottom-title {
position: absolute;
right: 20px;
bottom: 18px;
left: 20px;
z-index: 3;
color: #fff;
font-size: 22px;
line-height: 1.3;
text-align: center;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.95);
pointer-events: none;
}
.video-bottom-title small {
display: block;
font-size: 15px;
font-weight: normal;
}
.video-container iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.video-fallback {
width: 80%;
max-width: 800px;
margin: 0 auto 25px;
text-align: center;
}
.video-fallback a {
color: #005baa;
font-weight: bold;
text-decoration: none;
}
.video-fallback a:hover {
text-decoration: underline;
}
.spec-table {
width: 80%;
margin: 25px auto;
border-collapse: collapse;
font-size: 14px;
}
.spec-table th,
.spec-table td {
padding: 10px;
border-bottom: 1px solid #ddd;
text-align: left;
vertical-align: top;
}
.spec-table th {
background-color: #f0f0f0;
color: #005baa;
}
.spec-row {
transition: background-color 0.2s ease;
}
.spec-row.expandable {
cursor: pointer;
}
.spec-row.expandable:hover {
background-color: #f8f8f8;
}
.spec-category {
width: 35%;
font-weight: bold;
color: #333;
}
.spec-detail {
width: 65%;
color: #333;
line-height: 1.5;
}
.spec-visible {
display: flex;
align-items: center;
gap: 8px;
}
.spec-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
min-width: 18px;
border-radius: 50%;
background-color: #005baa;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 1;
transition:
background-color 0.2s ease,
transform 0.25s ease;
}
.spec-icon::before {
content: "+";
}
.spec-more {
max-height: 0;
overflow: hidden;
opacity: 0;
padding-top: 0;
padding-left: 26px;
transition:
max-height 0.35s ease,
opacity 0.25s ease,
padding-top 0.25s ease;
}
.spec-row.open .spec-more {
max-height: 5600px;
opacity: 1;
padding-top: 8px;
}
.spec-row.open .spec-icon {
background-color: #333;
transform: rotate(180deg);
}
.spec-row.open .spec-icon::before {
content: "-";
}
.center-box {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 30px;
text-align: center;
...
Popis produktu
VIVOTEK FD9380-HTV-V2
.container {
box-sizing: border-box;
max-width: 900px;
margin: auto;
padding: 20px;
border-radius: 8px;
background-color: #fff;
font-size: 14px;
color: #333;
}
.container h1 {
margin-top: 0;
color: #005baa;
text-align: left;
}
.container p {
line-height: 1.6;
}
.video-container {
position: relative;
width: 80%;
max-width: 800px;
margin: 25px auto 10px;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 10px;
background-color: #000;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);
}
.video-preview {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
padding: 0;
overflow: hidden;
border: 0;
background-color: #000;
cursor: pointer;
}
.video-preview-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.25s ease;
}
.video-preview:hover .video-preview-image {
transform: scale(1.02);
}
.video-preview-overlay {
position: absolute;
inset: 0;
background:
linear-gradient(
to bottom,
rgba(0, 0, 0, 0.72) 0%,
rgba(0, 0, 0, 0) 31%,
rgba(0, 0, 0, 0) 69%,
rgba(0, 0, 0, 0.68) 100%
);
}
.video-channel-logo {
position: absolute;
top: 14px;
left: 16px;
z-index: 3;
display: flex;
align-items: center;
gap: 10px;
pointer-events: none;
}
.video-channel-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background-color: #008fd5;
color: #fff;
font-size: 8px;
font-weight: bold;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35);
}
.video-title-box {
color: #fff;
text-align: left;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);
}
.video-title {
display: block;
max-width: 610px;
overflow: hidden;
font-size: 17px;
font-weight: bold;
line-height: 1.25;
white-space: nowrap;
text-overflow: ellipsis;
}
.video-channel-name {
display: block;
margin-top: 2px;
font-size: 12px;
font-weight: normal;
}
.video-play-button {
position: absolute;
top: 50%;
left: 50%;
z-index: 4;
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 48px;
border-radius: 14px;
background-color: #ff0033;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
transform: translate(-50%, -50%);
transition:
transform 0.2s ease,
background-color 0.2s ease;
pointer-events: none;
}
.video-preview:hover .video-play-button {
background-color: #cc0029;
transform: translate(-50%, -50%) scale(1.08);
}
.video-play-triangle {
display: block;
width: 0;
height: 0;
margin-left: 4px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 17px solid #fff;
}
.video-bottom-title {
position: absolute;
right: 20px;
bottom: 18px;
left: 20px;
z-index: 3;
color: #fff;
font-size: 22px;
line-height: 1.3;
text-align: center;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.95);
pointer-events: none;
}
.video-bottom-title small {
display: block;
font-size: 15px;
font-weight: normal;
}
.video-container iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.video-fallback {
width: 80%;
max-width: 800px;
margin: 0 auto 25px;
text-align: center;
}
.video-fallback a {
color: #005baa;
font-weight: bold;
text-decoration: none;
}
.video-fallback a:hover {
text-decoration: underline;
}
.spec-table {
width: 80%;
margin: 25px auto;
border-collapse: collapse;
font-size: 14px;
}
.spec-table th,
.spec-table td {
padding: 10px;
border-bottom: 1px solid #ddd;
text-align: left;
vertical-align: top;
}
.spec-table th {
background-color: #f0f0f0;
color: #005baa;
}
.spec-row {
transition: background-color 0.2s ease;
}
.spec-row.expandable {
cursor: pointer;
}
.spec-row.expandable:hover {
background-color: #f8f8f8;
}
.spec-category {
width: 35%;
font-weight: bold;
color: #333;
}
.spec-detail {
width: 65%;
color: #333;
line-height: 1.5;
}
.spec-visible {
display: flex;
align-items: center;
gap: 8px;
}
.spec-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
min-width: 18px;
border-radius: 50%;
background-color: #005baa;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 1;
transition:
background-color 0.2s ease,
transform 0.25s ease;
}
.spec-icon::before {
content: "+";
}
.spec-more {
max-height: 0;
overflow: hidden;
opacity: 0;
padding-top: 0;
padding-left: 26px;
transition:
max-height 0.35s ease,
opacity 0.25s ease,
padding-top 0.25s ease;
}
.spec-row.open .spec-more {
max-height: 5600px;
opacity: 1;
padding-top: 8px;
}
.spec-row.open .spec-icon {
background-color: #333;
transform: rotate(180deg);
}
.spec-row.open .spec-icon::before {
content: "-";
}
.center-box {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 30px;
text-align: center;
...
Přes veškerou snahu zajistit co nejpřesnější popis, obrázky a technické parametry produktů nemůžeme zaručit, že uváděná data odpovídají skutečnosti. Řada výrobců si vyhrazuje právo změny některých parametrů či vlastností bez předchozího upozornění. Potřebujete-li ujištění o určitých parametrech produktu nebo v případě pochybností, kontaktujte prosím svého obchodníka. Pozdější reklamace vlastností je zbytečnou komplikací pro obě strany. Kontaktovat výrobce můžete na [email protected], nebo na adrese: ANTALON s.r.o., Oblouková 102, Stráž nad Nisou. Dodavatel: ANTALON s.r.o.