when trying to insert a youtube video inside sidebar tabs, it only works if i have 1 tab = 1 video...
when adding 2nd tab = 2nd video, the page goes empty...
i assume same happens if i use toggles insted of tabs
plz. help
youtube videos inside sidebar tabs - shows empty page... (if more than 1 tabs)
17 posts from 3 voices- Started 10 months ago by tasoskouk
- Latest reply from Devin
- This topic is closed
- This topic is not a support question
-
tasoskouk
Membersame issue with toggles... when inserting 2 toggles with youtube... no video is displayed...
(only works with 1 toggle = 1 video)here is the code :
[toggle_container keep_open="false" initial_open="1"]
[toggle title="video 1"]
<iframe src="http://www.youtube.com/embed/tbnqvpKzyzA?feature=player_embedded" frameborder="0" width="640" height="360"></iframe>
[/toggle][toggle title="video 2"]
<iframe src="http://www.youtube.com/embed/tbnqvpKzyzA?feature=player_embedded" frameborder="0" width="640" height="360"></iframe>
[/toggle][/toggle_container]
Posted 10 months ago # -
Devin
ModeratorHi tasoskouk,
Generally we try and provide a response within 24 hours so sometimes we may not be able to get to a topic that quickly. I do apologize for the delay though :)
As for the issue, when getting the code to embed the videos, try selecting the option for "Use old embed code" which will give you the object code instead of an iframe. I just did a quick test and it worked for me using three tabs.
Regards,
Devin
Posted 10 months ago # -
tasoskouk
Memberso please check how you could fix the following :
- display iframes/objects in the right dimensions (now we fix that using quick/custom css, but this limits us in various ways...)
- correctly embed iframes/objects in several sidebars/toggles etc w/o losing responsiveness/mobility (no use of old scripts, no use of flash)thx!
Posted 10 months ago # -
Devin
ModeratorHi tasoskouk,
Just to clarify on this, you can display youtube video via iframes within tabs if you let wordpress handle the embed for you. You can use the built in wordpress embed shortcode like the following:
[embed]http://www.youtube.com/watch?v=yourvideocode[/embed]This will also keep the video responsive and in my test didn't have any effect on the video dimensions.
Regards,
Devin
Posted 10 months ago # -
tasoskouk
Memberthx for your patience...
but still does not work for me... check http://wp.urogyn.gr/test/
might be doing something wrong ?...
Posted 10 months ago # -
Devin
ModeratorOh I see now. I was using tabs and not the toggle.
Unfortunately I'm not sure that the toggle script can accommodate this kind layout. I've added a bit of css to your quick css to at least force the video iframe to load in, but even then it seems to be adjusting to a smaller viewport because its constrained by the toggle.
Also, I fixed the youtube links in the embed shortcode as it should only be the video code.
Regards,
Devin
Posted 10 months ago # -
tasoskouk
MemberDevin thx for your assistance but the conclusion is that iframes/objects/embedings do not work correctly inside toggles/sidebars etc
also you need to address the iframes (wrong) dimensions issue, which exists everywhere and also affects google maps etc - this might be more important IMHO
we should have a more straighforward and easy way to embed iframes/objects inside our blogs (and keep them responsive/mobile ready)
tasos
Posted 10 months ago # -
Devin
ModeratorHi Tasos,
I'm not familiar with the other issue you are addressing so if you could describe it or link to a post where you already have, I'll make sure its submitted to Kriesi for a bug fix.
The issue with the iframes is specific to the toggle it looks like. I believe this is because of the javascript required to close them and move the content/hide it. I've sent a bug report to Kriesi about it but otherwise, you can always use the embed shortcode to simply add in video using the wordpress oembed function.
See: http://codex.wordpress.org/Embeds
I tested the responsive design on youtube embeds in this way and they do adjust to the viewport with the rest of the theme so that will work for you.
Regards,
Devin
Posted 10 months ago # -
tasoskouk
Memberbear with me Devin, but if you check my quick css and page http://wp.urogyn.gr/test,
you' ll see that iframes dimensions are in best case restricted by quick css... and never get their real dimensions directed by their script (either youtube, maps or whatever...)this is possibly an issue of the choices theme/avia framework and not a general one :-) so plz. try to help us with it
thx!
Posted 10 months ago # -
tasoskouk
Membersorry Devin i don't get it... if you say that then why don't you do the same with images ? in images you respect their dimensions and still are responsive, yes ?
so if i am right why don't you treat iframes like images ?when i put a youtube video or google map of eg. 400x300 dimensions (actually directed by the script) i want it 400x300 like i do with a 400x300 image... and when screen is resized you handle dimensions accordingly
am i wrong ?
Posted 10 months ago # -
Devin
ModeratorI'm really not capable of answering that level of question as I'm not involved in creating the themes. It could be a technical reason or a design choice but I really can't say for sure with accuracy.
If you have any other support questions, we'll do our best to answer.
Regards,
Devin
Posted 10 months ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
