Insert VIDEOS - <head> <script> load just one time - idea?

**GK User** Sun Jun 07, 2015 4:29 pm Reply with quote Report this post

Hello!

I'd like to insert more flow player video into one Grid, but i can't do this, because the <head> part of the html.
A standalone solution seems like this: http://e-cityguide.eu/player/D1517512.html

<!doctype html>
<head>
<link rel="stylesheet" type="text/css" href="skin/minimalist.css">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="flowplayer.min.js"></script>
<style>
body { font: 12px "Myriad Pro", "Lucida Grande", sans-serif; text-align: center; padding-top: 5%; }
.flowplayer { max-width: 600px; }
</style>
</head>

<style>
/* site specific styling */
body {
font: 12px "Myriad Pro", "Lucida Grande", "Helvetica Neue", sans-serif;
text-align: center;
padding-top: 1%;
color: #999;
background-color: #333333;
}
.flowplayer .fp-logo {
display: block;
opacity: 1 !important;
left: 15px;
bottom: 10px;
/* left: auto; avoid logo being stuck on left side */
/* right: 3%; */
}
</style>

<body>
<div
class="flowplayer is-live is-splash no-mute no-volume no-time play-button"
data-analytics="UA-63714289-1" title="E-Cityguide Siófok"
data-fullscreen="false"
data-rtmp="rtmp://stream.e-cityguide.eu:1935/live"
data-ratio="0.75"
data-live="true"
data-debug="true"
data-logo="http://e-cityguide.eu/player/logo_small.png"
data-key="$122740922856083">
<video>
<source type="application/x-mpegurl" src="http://stream.e-cityguide.eu:1935/live/D1517512.stream/playlist.m3u8">
<source type="video/flash" src="D1517512.stream">
</video>
</div>
</body>

If i paste it to a Custom HTML slide it doesn't works. I can play it with embed solution, but if i embed many videos it start to bee very slow, and it need so many memory. So i'd like to load the scripts, just one time, and this after only the videos, like on this page.

If you have any idea, please help me...

**GK User** Sun Jun 07, 2015 4:43 pm Reply with quote Report this post

Something like on this page: https://flowplayer.org/standalone/basic ... tup=splash

**GK User** Mon Jun 08, 2015 3:01 pm Reply with quote Report this post

Now we add the minimal.css to the override.css, and enable the override function. Now the problem similar, what was this before, what i post in an other forum theme. Flash player is working, but the Android/IOS (HTML5) not.

Could somebody help us to solve it? Our demo page: http://hungary-in-live.com/index.php/cities

Thanks!

**teitbite** Mon Jun 08, 2015 6:08 pm Reply with quote Report this post

Hi

The only way You can do this is by creating a multiple html files. For example copy this code to video1.html file. Than In Custom HTML module, You need to indlude each of this files thanks to iframe.

Code: Select all: <iframe src="video1.html"></iframe>

You can also use a Wrapper Module.

**teitbite** Mon Jun 08, 2015 7:02 pm Reply with quote Report this post

Hi

Isn't flowplayer using flash ? iOS does not support flash I think. A conversion for HTML5 video is neccessary for this operating system. You should talk to flowplayer developers about this problem.

**teitbite** Tue Jun 09, 2015 6:15 pm Reply with quote Report this post

Hi

I may try to implement one as an example. Please send me an access to joomla panel so I can try.

**GK User** Wed Jun 10, 2015 3:30 pm Reply with quote Report this post

Hi!

I've sent you in PM. Thanks for your help!

Janos

**teitbite** Thu Jun 11, 2015 5:51 pm Reply with quote Report this post

Hi

I cannot figure out which page is live and which is not, so I only made a test and removed the code.

1. I disabled using editor in user manager

2. I added this code in Custom html module:

Code: Select all: <iframe style="border: medium none; width: 100%; height: 100%;" src="http://e-cityguide.eu/player/D1517512.html"></iframe>