Streaming Video examples

Pool Tile Company promotional video 2021

Video below uses the HTML5 <video> command to embed the video.
It is responsive and has a width of 100% of the containing tag and no height specified.

Code is as follows.

 

<div style="margin: 0 0 0 20px; max-width: 800px;">
<video width="100%" height="auto" controls>
<source src="video/Pool-Tile-Co-Video-2021.mp4" type="video/mp4">
Your browser does not support the video tag</video>
</div>

For more about using the <video> tag see CSS Tricks and W3C schools.
Also see W3C page on using Youtube to embed videos which is generally easier and more reliable and is what I use most of the time.



Text below is from 2016 and the advice is no longer relevant as Flowplayer used Flash which is no longer supported.

In 2016 this exercise was to show an alternative to having to "host" your videos on Youtube, and then used Youtube's embedding script.

YouTube has constraints like being "public" and a time limit of 15minutes and maximum file size allowable of 2GB* (not any more check latest allowable limits).

Using flowplayer gets around those constraints and are also a cheap option to implement.

The video files are "hosted" on the server where my website files are held.

I first had to convert my video files from .avi to .flv and then I uploaded them via FTP which was a lot quicker than using YouTube.

They were then embedded with Flowplayer scripting which is fairly simple but not as simple as Youtube.

Flowplayer is a freeware video player with player customisation and embedding options.

I didn't use the Flowplayer conversion facility and I chose to use another video conversion programme though which was separate and a bit quicker with more file formats available.
I used AVS Video Converter and and it cost $39 for a 1 year licence.

To get rid of the Flowplayer branding and replace it with Hardweb branding would cost me between $95 and $55 per domain name licence, depending on how many I bought.

If you want have streaming videos on your website using this method please call or email me to see if I can help you.

Contact Hardweb - making websites work!




07 5526 2939
0401 352 269

Home/Office Address
-- 25 Savoy Drive --
Broadbeach Waters
Gold Coast Queensland 4218

Streaming Video News
Using the HTML5 <video> command
Call 07 5526 2939 or 0401 352 269