Joomla Templates Club 406,261 posts

[andersonannem Friend andersonannemJoin date: November 2007Posts: 76Downloads:17Uploads:1 Thanks: 12 Thanked: 5 times in 1 posts]

#195082

Hi there.

Sorry if this has already been answered and I’m being a dope.

How should I modify the code for the video module to run a video from Youtube?

Thank you.

Anne

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#523902

You can check out all the documentation for Appolio HERE. Look at 1.1 Video Background

Should just be a case of changing the source location

[andersonannem Friend andersonannemJoin date: November 2007Posts: 76Downloads:17Uploads:1 Thanks: 12 Thanked: 5 times in 1 posts]

#523905

Hello.

Believe it or not, I did already read that documentation and couldn’t make it work. That’s why I felt I had to ask the question.

Here is the code I’m using in the custom HTML module in the video position.

Can you tell me please, where I am making my error. Nothing shows up in the video space with this code including the still image.

Thank you very much for your assistance.

Anne

<div class=”video-shuffle-wrap”>
<div class=”video-shuffle” data-js-view=”video-shuffle”>
<div class=”mask”>*</div>
<div class=”video-fallback” style=”padding-bottom: 56.25%;”>

<video loop autoplay style=”width: 100%; height: auto;” poster=”/images/marcobicegovideobackground.jpg”>
<source src=”http://www.youtube.com/watch?v=HeQwEU1_29Y” type=”video/mp4″>
<object type=”application/x-shockwave-flash” data=”http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf” width=”100%” height=”1011″ >
<param name=”movie” value=”http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf” />
<param name=”allowFullScreen” value=”true” />
<param name=”wmode” value=”transparent” />
<param name=”flashVars” value=”config={‘playlist’:[‘/images/marcobicegovideobackground.jpg’,
{‘url’:’http://www.youtube.com/watch?v=HeQwEU1_29Y’,’autoPlay’:true, ‘controls’: null}]}” />
<img alt=”Sample Video” src=”/images/marcobicegovideobackground.jpg” width=”100%” height=”auto” title=”No video playback capabilities, please download the video below” />
</object>

</div>
</div>
</div>

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#523913

Hallo Anne

I don’t think Flow Player allows you to utilise youtube – it needs a real source file. Looking at the docs for the player it needs an extension to work i.e. .mp4, .flv etc. and for html5 it only uses MP4 OGG & WEBM – reading around the net that seems that they do a paid plugin.

You might want to look at the joomla extensions directory or have a search round the net e.g. http://tushev.org/web/joomla-extensions/item/43-flowplayer-reloaded or http://hwdmediashare.co.uk/media-apps/375-flowplayer-joomla-plugin

Hope that helps or at least explains it. (Unless I’m wrong of course!)

(BTW you do have an error on your code – line div class Mask. Don’t need the star there.)

1 user says Thank You to swissa for this useful post

1. andersonannem

[andersonannem Friend andersonannemJoin date: November 2007Posts: 76Downloads:17Uploads:1 Thanks: 12 Thanked: 5 times in 1 posts]

#523928

Thank you.

Unfortunate about the Youtube thing, but it is what it is. For so many years now, we’ve been uploading video’s to Youtube,
for those of us who have access to vendor content, we frequently don’t have access to the original video, just the link to it from
Youtube (or vimeo or whatever other source).

I think the extension “All Video Share” will work well for me. I’ve got this running as a demo and their licensing is the most straight-forward.

Anne

[Ilyas Harafi Friend Ilyas HarafiJoin date: September 2014Posts: 22Downloads:0Uploads:2 Thanks: 3 Thanked: 3 times in 1 posts]

#523937

Or you might also download to video you wanted if it’s not under copyright and convert it to MP4 or WEBM

[andersonannem Friend andersonannemJoin date: November 2007Posts: 76Downloads:17Uploads:1 Thanks: 12 Thanked: 5 times in 1 posts]

#523948

Thanks, I did think of doing that, but then my customer needs to rely on me to convert videos. I really just want a simple way for them to select and use a video for this site.

I think it’ll just be cheaper to pay for the commercial license for All Video Share and move forward.

I appreciate your suggestion.

Anne

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#524001

@andersonannem, hope this thread helps http://www.joomlart.com/forums/topic/video-position-2/

[andersonannem Friend andersonannemJoin date: November 2007Posts: 76Downloads:17Uploads:1 Thanks: 12 Thanked: 5 times in 1 posts]

#524464

Thanks for your suggestion CSS Magician, I’m confident I could use that, however, I don’t think that solution is responsive (or is it?).

Since the entire template is responsive, it seems logical to want the video to be responsive as well.

The All Video Share solution is fully responsive and is allowing me to use video from Youtube.

As far as I’m concerned, this can be marked as answered/solved.

Anne

[Author]

Posts