Cum adaug un video in index.php

@Susp3kt @Naruto9 iti poate face un css sa iti afiseze cum vrei tu.
o alta metoda este sa deschizi fisierul in chrome, apoi inspect element si vezi exact linia la fiecare. Apoi aduagi emebed cu dimeniunea care vrei tu. La cel din stranga pui aliniere catre stranga si la cel din dreapta pui catre dreapta.
Sau poti folosi gen tabel si le adaugi in ambele parti.
Cod:
<table>
<tbody>
<tr>
<td>&nbsp;embed video aici</td>
</tr>
</tbody>
</table>
 
Si pe mobil ce faci cu videourile? le ascunzi?
 
Pune langa <body>
HTML:
    <div class="video-youtube-left">
    <iframe width="250" height="250" src="https://www.youtube.com/embed/XAhTt60W7qo" frameborder="0" allowfullscreen=""></iframe>
    </div>

    <div class="video-youtube-right">
    <iframe width="250" height="250" src="https://www.youtube.com/embed/XAhTt60W7qo" frameborder="0" allowfullscreen=""></iframe>
    </div>
Si asta inainte de </style>
Cod:
  .video-youtube-left {
    position: fixed;
    top: 35%;
    margin-left: 130px;
 }
 
 .video-youtube-right {
    float: right;
    top: 35%;
    margin-right: 130px;
    position: inherit;
 }
 @media screen and (max-width: 1280px) {
    .video-youtube-right {
        margin-right:50px;
    }
    .video-youtube-left {
        margin-left:50px;
    }
 }
@media screen and (max-width: 1050px) {
    .video-youtube-right {
        display:none;
    }
    .video-youtube-left {
        display:none;
    }
}

Merge doar pe desktop rezolutie 1050+
 
Ultima editare:
Pune langa <body>
HTML:
    <div class="video-youtube-left">
    <iframe width="250" height="250" src="https://www.youtube.com/embed/XAhTt60W7qo" frameborder="0" allowfullscreen=""></iframe>
    </div>

    <div class="video-youtube-right">
    <iframe width="250" height="250" src="https://www.youtube.com/embed/XAhTt60W7qo" frameborder="0" allowfullscreen=""></iframe>
    </div>
Si asta langa inainte de </style>
Cod:
  .video-youtube-left {
    position: fixed;
    top: 35%;
    margin-left: 130px;
 }
 
 .video-youtube-right {
    float: right;
    top: 35%;
    margin-right: 130px;
    position: inherit;
 }
 @media screen and (max-width: 1280px) {
    .video-youtube-right {
        margin-right:50px;
    }
    .video-youtube-left {
        margin-left:50px;
    }
 }
@media screen and (max-width: 1050px) {
    .video-youtube-right {
        display:none;
    }
    .video-youtube-left {
        display:none;
    }
}

Merge doar pe desktop rezolutie 1050+
Ms mult ..functioneaza perfect .:)

giphy.gif
 
Loading...
Back
Sus