Hello,

I entered a youtube video using Allvideos pluging inside a P element that I wanted to float to the side so the following text will float around it.
However the Allvideos youtube player occupies the entire width of the page, both in the introtext and the full article.

Can you guide me in making the video float to the side while maintaining its responsive behavior that it has now - Width adapting to browser width, also in tablets and smartphones?

You can see the articles both in the English and the Hebrew front pages (The second article in each page):
www.musicatova.com/he/
www.musicatova.com/en/

Thanks

MIki

Hello,

You will have to add some CSS in your template's CSS file in order to achieve this.
The video block has a container called .avPlayerWrapper. You can add the following rule declaration in your css file. 

.avPlayerWrapper {
  float: right;
  margin-left: 25px; 
  width: 33%;
}

The content container has a float:left with width 64%. So you need the 33% (36% - 25px margin) to fit. You should choose the responsive template through AllVideos plugin in order to have the best result in multiple devices.

Hello Yiota,

Thanks, I will try it.

I have some related questions:
- Is it possible to float the video to the right on the English pages and to the left on the Hebrew pages?
- Also in the article itself the video should be larger and I do not have the 64% width of the text area (The text has the full width). Can I have different sizes of videos - one in the introtext and one in the article main text?

Thanks

Miki

Hello Yiota,

I did what you suggested and it did not work out at all.

Can you assist me in achieving the following goal:
- In the English front page I want to have the intro text on the left and the video on the right. The player I wanted to have is 300x168px.
- When you click the 'read more' I also wanted to have the text on the left and the video on the right but this time I wanted a player with a size of 643x362px.
- I wanted that when the browser page width is reduced then first the player will go on top of the text or the other way around and when the page reaches the player size I wanted the player to reduce size.

I might have edited the article in a way that is not correct (Video in a P element, no container around the entire introtext etc.)

Is this kind of page and video player behavior possible?
Can you assist me in that?

Thanks

Miki

I gave you some general guidelines through PM in order for your template provider to assist you with this as you recommended.

Have you modified the AllVideos Responsive template?
I see a div container that is definitely not included in AllVideos's Responsive template.
That container, which is responsible for your video size/resize not working properly, is <div class="fluid-width-video-wrapper" style="padding-top:...">.

Hello Yiota,

You are absolutely right!
There was a 'Fitvid' pluging enabled that was causing the trouble you pointed out.
I will refer all your advice to my template provider to solve my design issues.

Thanks!