-
I really like this plugin but I’m having a problem with the position of the player. Namely, I’d like to align it to the left so that it is in the same line as the text in my post, but it always appears somewhere in the middle or even aligned to the right.
Please take a look at the bottom of this post to see what I mean:
[link removed]
Is there any trick to align the player to the left side so that it is in the same line as the left margin of the text?
Also, you can notice that in Chrome there appears a word “null” in the top left corner. This doesn’t happen with other browsers. It doesn’t appear to be caused by the choice of WP theme either. Is there a way to remove this “null” word?
-
-
Hello Ben,
we will add the align option into the shortcode.
Regarding your issue with “null” – this could be because you were logged in as admin. Our player runs an automated video check for the logged in admins.
Are you still seeing the issue?
If you closed the browsers and opened it again, or your computer was off for few hours, WordPress might have logged you out. And your browser probably loaded the page HTML from the browser cache. So it contains the video checker AJAX request, while the reply is false, as you are not logged in anymore. That might cause “null” to appear.
Thanks,
Martin
Hello Ben,
we just released version 2.1.20, it allows you to specify the alignment of the player.
Just enable Settings -> FV WordPress Flowplayer -> Interface Options -> Align and if will be added into shortcode editor. Or simply type in align=”left” or align=”right”.
Thanks,
Martin
Hello Martin,
Thanks a lot. The new align function looks neat, but there is another problem now – any text that appears below the video player gets “aligned” vertically next to the player’s vertical edge, and that obviously doesn’t look nice.
Please take a look at the bottom of this post:
[link removed]
I used align=left in the shortcode. Is there a way to avoid this unneeded alignment of text while still using the shortcode?
By the way, I managed to make the player align to the left by adding some code to the CSS file, namely in the first line:
.flowplayer{position:relative;width:100%;left:-30px;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
I added “left:-30px” and that seems to have solved my issue with alignment. :)
As for the “null” word, you were right – it appears only when I am logged in.
Hello Ben,
when you align an image in WordPress, the text wraps around it. We used the same classes:
alignleft
alignrightIf you want to make the player use the left alignment with no text wrapping around it, you need to change “margin: 0 auto 28px;” on .flowplayer to “margin: 0 10px 28px”. Read more about margin here: Mozzila Developer Network – CSS – margin
Also, make sure you put these changes into your template’s style.css file, otherwise plugin upgrade will remove your changes. That’s the best practice for any WordPress plugin.
Thanks,
Martin
