The Allvideos player will not display controls for playing an MP4 file.

I embedded code to display an MP4 file on this Web page:
www.chigov.com/chicago/elections/judge-voting-bar-association-ratings

This is the code I used:
<p>Video: {mp4}elect-10-29-16{/mp4}</p>

Rather than display a video player, the site displays a ghosted "JWPlayer" logo which links to this page:
www.jwplayer.com/learn-more/

(My site does *not* have the JWPlayer plugin installed.)

Here's an image of the page as it displays:
chigov.com/images/stories/43-chigov-pg.png

Here's a screen capture of how I have the Allvideos parameters set:
chigov.com/images/stories/allvideos-params.png

I have set the "Flash/MP4/WebM/OGG Theora video player transparency" parameter to both "yes" and "no", but it has no effect.

Please advise.

Hello there,

Your settings seem correct, I will need however a live link with the video posted there. It can be a dummy test article.

I've created this dummy article:
www.chigov.com/allvideos-test

It contains this code:
<p>Premium video: {mp4}elect-10-29-16{/mp4}</p>

Yes, I can verify the issue,

Please install the DEV 4.8.0 version -> github.com/joomlaworks/allvideos

As I understand Joomla's plugin installer (in the Extensions Manager), it needs an Extension package file in .zip format to install. I don't see any .zip files at github.com/joomlaworks/allvideos .

What am I missing?

Click on the clone or download button in order to download the package.

I downloaded and successfully installed the 4.8 zip file. I verified in the Plugin Manager that version 4.8 is the one operating in Joomla.

However, the dummy article shows the same display as before:
www.chigov.com/allvideos-test

Also, I cleared the browser's cache, did a hard refresh, and quit/restarted the browser.

The video will now appear.
The issue is a css one, a float: left in the custom.css.
For more info please see this screenshot -> imgur.com/a/C3RLU

If I understand you correctly, you are saying that the Allvideos player control does not appear for entries using the {mp4} tag because I'm using CSS that causes the player to float left.

This is, in fact, the custom CSS code I am using:
.avPlayerWrapper { float: left;}

I implemented this custom CSS due to advice I got on this forum last February (see below). I had submitted a topic on the fact the Allvideos player would display in the center of the page rather than the left side.

We have hundreds of articles that use the Allvideos {mp3} tag with no display problem.

If I remove the custom CSS identified above, how do I make the Allvideos player appear on the left of the screen rather than in the middle?

========
1/29/16

Positioning player horizontally

Does AllVideos have a parameter that positions the audio player so that it appears on the left side of the page, as opposed to the center?

When I insert the player into an article using

{mp3}filename{/mp3}

the player appears centered horizontally.

I was able to move the player to the left using

<span style="float: left;"> {mp3}filename{/mp3}</span>

but I'd rather establish this globally, rather than have to insert it into every article. Possible?

---

From: Community Forum <This email address is being protected from spambots. You need JavaScript enabled to view it.>
Subject: [Community Forum] Positioning player horizontally (AllVideos)
Date: Monday, February 1, 2016, 3:42 AM

Category : AllVideos
Posted by : Lefteris

URL : www.joomlaworks.net/forum/allvideos/44750-positioning-player-horizontally/151006

Hi,

There is no option for that, but you can apply your style globally using CSS:
.avPlayerWrapper { float: left;}

You can add this code to any CSS file that gets loaded in your site.

Depending on the template, a float left can cause some issues.
You are using the responsive template which will cover all of the available space, so the float is not really needed in the first place.

I conducted the following on a desktop (full size) screen.

Before I removed the "float: left" CSS, the display looked like this:
chigov.com/images/stories/43-chigov-pg-2.png

Notice that the audio player has a width of only about a third of the screen.

After I removed the "float: left" CSS, the display looked like this:
chigov.com/images/stories/43-chigov-pg-3.png

Notice that both the audio player and video player expanded to the entire width of the screen.

I don't want that. I want the players to display with same width as the audio player formerly had.

In the plugin parameters, I lowered the default width for both players, but it had no effect.

Here's how I have the parameters set currently:

Video parameters:
Default width (in px) for videos: 300
Default height (in px) for videos: 225

Audio parameters:
Default width (in px) for audio player: 100
Default height (in px) for audio player: 24

How do I reduce the width of the players, and have them float left?

By default the responsive template will stretch to the entire available space.

If you need fixed dimensions, you can use the Classic template.
You can also specify a max-width and still use the responsive template.

When and how do the Joomla plugin parameters of default width and height apply?

By default the responsive template will stretch to the entire available space.
If you need fixed dimensions, you can use the Classic template.

Just to clarify:

The "Select template" setting appears under "Video parameters".

If I have Select template = Responsive, does this mean that the default width and height under "Audio parameters" do not apply?

Yes. If you need fixed dimensions, you can use the Classic template.

OK, thanks.

You 're welcome JR :)