Hi, I want to put tabs on posts with playwire embed videos ,pls guide me how can i do this
Thank tou
Hello waqas,
You can use Tabs element from Visual Composer and for each tab section you have to insert the Video Player, like this -> http://screencast.com/t/5H5H5y23wC6 and then you have to take this code and place it in your post editor, like this -> http://screencast.com/t/O3BcsOHV -> http://screencast.com/t/HSb0Jso7 and then you have to use a bit of CSS code for a good results. Please use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.vc_tta-container .wpb_video_wrapper iframe {
height:100%!important;
}
The result you should see here -> http://screencast.com/t/2SUfXpvqkl
Please notice that this kind of Visual Composer element was not built for such cases and can appear some errors in the theme which involves more adjustments in the theme.
Hope this helps and let us know how it goes!
Thank you for the message!
Thanks for your reply i tried but unable to embed playwire videos its come it come up with blank
Hey, Catalin Pls help me out
Hello waqas,
Please ensure that you have followed all the steps which I presented you above. Also, please notice that the videos will be embed will have to be from YouTube and Vimeo. For more information about playlist, please consult our documentation here -> https://forum.tagdiv.com/video-playlist-2/
Thank you for the message!
Hi, I want to put playwire embed videos on tabs is this possible
Hello waqas,
I am not aware of your play wire embed video, sorry. I suppose that is the plugin and we have no idea about the behaviour of the theme with this kind of untested plugin. Please notice that we cannot provide support for untested plugins and also, we cannot provide customization services at the moment, sorry! Above, I gave you an example to how you can add the video, only from Youtube to be displayed in Tabs with the existing elements in the theme.
Thank you for your understanding!
I still don’t get it completely. I lost you when you putted those 2 pictures.
U posted these 2 photo’s and said ”and then you have to take this code and place it in your post editor, like this”.
http://www.screencast.com/t/O3BcsOHV
http://www.screencast.com/t/HSb0Jso7
What am I supposed to do with it? Should I type these text over and copy it on my own text box? And I also don’t understand what to do with my own text I have here already. This is what is on my text box:
https://www.dropbox.com/s/bmwik0oxz6or1ie/Schermafdruk%202017-01-10%2014.24.02.png?dl=0
Should I just delete my own text or…?
Hello noori020,
I suppose that you are referring in this regard -> https://www.screencast.com/t/nZvphpPZ9 If is not what you mean, provide more details.
I hope that I understand your request.
Thanks.
I’m really sorry for the late response. I was still expecting an e-mail at a response, but I forgot I was redirected to this subject from my own subject.
So this is what I don’t understand:
I have the Tabs elements and have also put titles on each tab and a link, That is completely done. Then you say I have to ”take this code and place it in your post editor, like this -> http://screencast.com/t/O3BcsOHV -> http://screencast.com/t/HSb0Jso7 ”
At that part I am completely losing you and have no idea what to do. When I go to ”Backend editor” and then click ”text” like you say me to do in this picture: http://www.screencast.com/t/O3BcsOHV
I then see this on my screen: https://www.dropbox.com/s/reqvp19flxgcyno/Schermafdruk%202017-01-13%2017.27.54_Ink_LI.jpg?dl=0
And then you posted this picture: http://screencast.com/t/HSb0Jso7
And I have no clue what to do with this and this text you put there ”this si the code from visual composer editor” is also not helping.
Could you just be way more descriptive in each step, because it seems you are taking leaps and I am missing parts.
Maybe it would help if I show you the page where I have the Tabs Elements: https://goo.gl/dML5dK
Hello,
Ok, let’s try this a different way.
The solution posted above was to place a tab element on a post. On posts you cannot use visual composer out of the box (it can be activated from the plugin settings but it’s not tested) so the solution was to create the tab on a page as shown above…but on an empty page. Your example is of a page that has lots of other content. Simply create a blank page and only add the tab element on it. Nothing extra.
Then after you set it exactly as you want it, access the text mode and copy all of that code inside the post content in text mode as well.
Thank you!
I still don’t get what you are saying. I have created a blank page and added the tab element like you said. Then you say add nothing extra…and then you say ”after you set it exactly as you want it”
Can I put the tab title and the video player on each tab or not?? After I have done the tab title and video player, or not because you say add nothing extra, I should go to the text mode and copy it and then paste it into ”the post content in text mode as well”? I don’t have a post content where I want this, I just want it to work on my page I sended you earlier.
Still very confused, sorry.
If you go to my page: https://goo.gl/dML5dK
And then click on the other tabs, besides the first one you can see that the video is not showing completely. Could you just help me with that?
I just tried what you said. Created a new page, put the tab element on there, changed the tab title and put the video player with the video link. copied the text and posted it on my page where I want it…still doesn’t work.
I also tried to just keeping the tab element blank on the new page lik you said. Copied the text en osted it on the page wher eI want. It works. Then go back to the back end director to put the tab titles and add the video plater with the video links….and doesnt work. Still only showing the first tab and video and the rest of the tabs there is no video showing.
Wow,
OK, this has been a great missunderstanding. This happens when you do not create your own topic. We assume you want to create something similar to the original post. This topic was about creating a tab on a post: https://www.screencast.com/t/tu1KlAs0zKB
If you mentioned your problem from the start this would not have happened. That is why wer recommend creating your own topic and detailing exactly what you want to do.
A video player will not work in a a tab element but you never mentioned a video playlist until now.
This is a visual composer limitation, not a theme limitation. You cannot use a video player with a tab element. Sorry. You cannot use tabs with video elements or video playlists.
Please next time create a new topic and add specific instructions to exactly what you want to achieve and where you want it.
Thanks
I actually did open my own topic and was redirected to here:https://forum.tagdiv.com/topic/video-player-on-visual-composer-doesnt-work-properly/
But if I understand it right it’s a limitation of Visual Composer and that what I want is just not possible. Are you definitely sure about this? I do kinda see a few cm of the video on the other tabs and even the complete video on the first tab.
Yes, the limitation is from visual composer as both these elements are visual composer elements and not theme elements.
Did you try the code from the top of this conversation?
.vc_tta-container .wpb_video_wrapper iframe {
height:100%!important;
}
This is the code Catalin mentioned for using in the theme panekl-> custom css box. I have just tested it and seems to work resizing the video
Simply add the code here: https://www.screencast.com/t/MnJB5rnQVXq
Thanks.
Holy shit it actually works lol. That so unfair, I also put this code in the beginnen and then it didn’t work hahaha. All this time the answer was afront of my nose.
Thank you so much otherwise I had to find a different way to put all those YouTube playlists on that page.
Thanks again!
Glad it worked out and sorry for the misunderstanding.
Have a nice day!
