Video YouTube

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Jan 18, 2013 7:47 am
Reply with quote
Report this post
Czy można uzyskać efekt responsive(chodzi o skalowanie video) przy umiesczaniu na stronie video z YouTube, a jak ta to w jaki sposób?
Pozdrawiam Artur
User avatar
Junior Boarder

GK User
Fri Jan 18, 2013 9:19 am
Reply with quote
Report this post
Youtube embeed code contains static width/height declaration so there is no way to achieve this effect.
User avatar
Platinum Boarder

GK User
Fri Jan 18, 2013 9:48 am
Reply with quote
Report this post
Witam
Dziękuje pięknie za informacje. Mam następne pytanie,czy po wpisaniu linku do video na youtube na responsiv template, użytkownik który przegląda stronę na urządzeniu mobilnym zobaczy obraz video wyskalowany do jego urządzenia. I jeszce jedno czy nie ma możliwości zamieszczenia skalownego video?
User avatar
Junior Boarder

GK User
Fri Jan 18, 2013 10:00 am
Reply with quote
Report this post
Proszę zobaczyć to: http://www.zootemplate.com/demo25/zt_ence
Tutaj video z youtube jest scalowalne, jak mam to sobie wytłumaczyć. Jestem na etapie tworzenia serwisu na templatce "News" i jest to dla mnie bardzo istotne.
Pozdrawiam Artur
User avatar
Junior Boarder

GK User
Fri Jan 18, 2013 1:52 pm
Reply with quote
Report this post
bkrztuk wrote:Youtube embeed code contains static width/height declaration so there is no way to achieve this effect.


Please see this: http://www.zootemplate.com/demo25/zt_ence
Here is a youtube video of responsive, as I have to explain it. I'm at the stage of service at templatce "News" and it's very important to me.
Regards Arthur
User avatar
Junior Boarder

GK User
Sat Jan 19, 2013 11:38 am
Reply with quote
Report this post
Can anyone answer or help
Regards Artur
User avatar
Junior Boarder

GK User
Mon Jan 21, 2013 2:10 pm
Reply with quote
Report this post
Sorry but I don't see on this page any video from youtube. Please just look at this embeed code there is specified width/height you can try to use width set to 100% but this is only an idea.
User avatar
Platinum Boarder

GK User
Tue Jan 22, 2013 8:22 am
Reply with quote
Report this post
bkrztuk wrote:Sorry but I don't see on this page any video from youtube. Please just look at this embeed code there is specified width/height you can try to use width set to 100% but this is only an idea.



http://www.zootemplate.com/demo25/zt_ence
Go menu-shortcodes-youtube
Then paste the link on this page to http://www.responsinator.com/ or use firefox tools for Web Development view responsive. Responsive see a Youtube video
I ask you to answer my page on the template "news" and you'd need to use video
Thank you
User avatar
Junior Boarder

GK User
Tue Jan 22, 2013 10:36 am
Reply with quote
Report this post
I've tested this on our template and I really don't see a problem - please look at this :

http://d.pr/i/mhO9

http://d.pr/i/QcDF

http://d.pr/i/GsNl

please just use 100% width instead of value in px in embeed code so :

Code: Select all
<iframe width="100%" height="315" src="http://www.youtube.com/embed/JX7167Nn0R4" frameborder="0" allowfullscreen></iframe>


instead of :

Code: Select all
<iframe width="560" height="315" src="http://www.youtube.com/embed/JX7167Nn0R4" frameborder="0" allowfullscreen></iframe>
User avatar
Platinum Boarder

GK User
Tue Jan 22, 2013 2:01 pm
Reply with quote
Report this post
bkrztuk wrote:I've tested this on our template and I really don't see a problem - please look at this :

http://d.pr/i/mhO9

http://d.pr/i/QcDF

http://d.pr/i/GsNl

please just use 100% width instead of value in px in embeed code so :

Code: Select all
<iframe width="100%" height="315" src="http://www.youtube.com/embed/JX7167Nn0R4" frameborder="0" allowfullscreen></iframe>


instead of :

Code: Select all
<iframe width="560" height="315" src="http://www.youtube.com/embed/JX7167Nn0R4" frameborder="0" allowfullscreen></iframe>


Ok, thanks, but it is only in the horizontal. I need a full video scaling and vertically adjustable horizontal as in the following example.
Thank you
User avatar
Junior Boarder

Konrad M
Thu Jan 24, 2013 11:26 am
Reply with quote
Report this post
Hi,
to have vertical scalling to please try this code:
Code: Select all
<iframe width="100%" height="100%" src="http://www.youtube.com/embed/JX7167Nn0R4" frameborder="0" allowfullscreen></iframe>
User avatar


cron