Welcome, Guest. Please login or register.

Author Topic: Clipuri Youtube responsive mobil  (Read 2157 times)

0 Members and 1 Guest are viewing this topic.

Offline Marian Dragoi

  • Full Member
  • ***
  • Posts: 371
  • Reputation: +18/-37
  • Gender: Male
    • View Profile
    • Radio VIP
Clipuri Youtube responsive mobil
« on: January 10, 2016, 12:25:57 PM »
Am si eu o problema. Preiau de pe youtube clipurile si le bag in articole dar cand intru de pe telefon nu mi-l micsoreaza il lasa tot mare ...
Va las si un link la un articol unde am pus un clip si daca intrati de pe telefon nu se micsoreaza si el ramane asa mare urat...
http://www.regeletv.ro/manele/2-nicolae-guta-si-susanu-draga-mea-oficial-video

ArenaWeb

Clipuri Youtube responsive mobil
« on: January 10, 2016, 12:25:57 PM »

Offline mariuselll

  • Sr. Member
  • ****
  • Posts: 489
  • Reputation: +48/-48
    • View Profile
    • Filme Online
Re: Clipuri Youtube responsive mobil
« Reply #1 on: January 10, 2016, 02:50:10 PM »
Incerca asa:  Pune in CSS codul asta


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
Si dupa pune codul embed si vezi

Offline Marian Dragoi

  • Full Member
  • ***
  • Posts: 371
  • Reputation: +18/-37
  • Gender: Male
    • View Profile
    • Radio VIP
Re: Clipuri Youtube responsive mobil
« Reply #2 on: January 10, 2016, 03:19:08 PM »
Nu merge nici cu codul asta :(

EDIT: Am rezolvat du un plugin de import video youtube in joomla si se pare ca merge bine si pe telefon.
« Last Edit: January 10, 2016, 04:01:54 PM by Marian Dragoi »

Offline mariuselll

  • Sr. Member
  • ****
  • Posts: 489
  • Reputation: +48/-48
    • View Profile
    • Filme Online
Re: Clipuri Youtube responsive mobil
« Reply #3 on: January 10, 2016, 04:03:50 PM »
Am uitat scuze. Trebuie sa pui iframeul asa:


<div class="video-responsive"> <iframe width="420" height="315" src="http://www.youtube.com/embed/blablabla" frameborder="0" allowfullscreen></iframe> </div>

Offline mariuselll

  • Sr. Member
  • ****
  • Posts: 489
  • Reputation: +48/-48
    • View Profile
    • Filme Online
Re: Clipuri Youtube responsive mobil
« Reply #4 on: January 10, 2016, 04:11:50 PM »
Sau pune asta in css.   

   video {
  width: 100%    !important;
  height: auto   !important;
}

Și la iframe cānd īl pui pune width="100%"

Offline Marian Dragoi

  • Full Member
  • ***
  • Posts: 371
  • Reputation: +18/-37
  • Gender: Male
    • View Profile
    • Radio VIP
Re: Clipuri Youtube responsive mobil
« Reply #5 on: January 10, 2016, 04:22:42 PM »
Sunt multumit cum arata cu plugin asta nu mai umblu la el acum :D Ms mult pentru ajutor!

Offline nidweb

  • Jr. Member
  • **
  • Posts: 169
  • Reputation: +20/-22
    • View Profile
    • Internet marketing
Re: Clipuri Youtube responsive mobil
« Reply #6 on: January 10, 2016, 07:34:11 PM »
Nu merge nici cu codul asta :(

EDIT: Am rezolvat du un plugin de import video youtube in joomla si se pare ca merge bine si pe telefon.

Ce plugin ai folosit pentru joomla? Este osyoutube?
« Last Edit: January 10, 2016, 07:38:47 PM by nidweb »

Offline gogule

  • Hostimm.com
  • Global Moderator
  • Hero Member
  • *****
  • Posts: 6270
  • Reputation: +1006/-306
  • Gender: Male
  • Daca iti este lene, atunci plateste.
    • View Profile
    • Immdomain
Re: Clipuri Youtube responsive mobil
« Reply #7 on: January 10, 2016, 07:52:34 PM »
De ce ai schimbat platforma?

Offline Marian Dragoi

  • Full Member
  • ***
  • Posts: 371
  • Reputation: +18/-37
  • Gender: Male
    • View Profile
    • Radio VIP
Re: Clipuri Youtube responsive mobil
« Reply #8 on: January 10, 2016, 09:10:27 PM »
Nu merge nici cu codul asta :(

EDIT: Am rezolvat du un plugin de import video youtube in joomla si se pare ca merge bine si pe telefon.

Ce plugin ai folosit pentru joomla? Este osyoutube?
Da. Versiunea Free !

@gogule: am schimbat pe domeniu asta pentru a diversifica si a mai face si altceva.