Internal video embed - Post ID 250343

Jul 2nd, 2015 at 08:29 AM
User 458539 Photo

Byron Tipping
Registered User
1,635 posts
Online Now

I have a new project

http://tippingproductions.com/tpc/demosite5/

The layout isn't complete but 2/3 of the way down next to the image is a small video area. I have already done the css and coding (HTML Editor) but its not showing up and getting some odd action from my browser. It is not on any service (youtube, vimeo) but saved in my images folder. I used the coding from the help article that I have used many times before but is doesn't show up and my browser (or HTML editor for that matter). I sure that is has to do with being an internally stored video but beyond me how to fix it.

Thanks in advance

Byron
Jul 2nd, 2015 at 09:04 AM
User 2407752 Photo

Oliver Wendt
Registered User
44 posts

Hi Bayron,

at first sorry for my bad english.
Now to your problem:
In Safari, the video plays immediately. In the other browser you get an popup with the question on which player the video should be played. (for example Firefox).
What yo need is an html5 video Player like this one: http://v4e.thewikies.com

Regards Oliver
Only dead fish go with the flow!

I work with: RSD - RLMP - WFB - MB - WE 2.0
http://www.realdesign4you.com
Jul 2nd, 2015 at 09:39 AM
User 458539 Photo

Byron Tipping
Registered User
1,635 posts
Online Now

Oliver,

Thanks - can see what your saying. I have tried to install but I can't get the video to play and it doesn't want to respond correctly when I go to other sizes of the screen

I've uploaded the new code (haven't put a new jpg display yet) but it doesnt operate.

Any thoughts?

Thanks

Byron
Jul 2nd, 2015 at 09:43 AM
User 2407752 Photo

Oliver Wendt
Registered User
44 posts

wait i check this for you
Only dead fish go with the flow!

I work with: RSD - RLMP - WFB - MB - WE 2.0
http://www.realdesign4you.com
Jul 2nd, 2015 at 09:50 AM
User 2407752 Photo

Oliver Wendt
Registered User
44 posts

ok,

in your "custom.css"
you have following description:
.cc-video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0px;
float: left;
}

change to:

position: relative;
float: left;


video width must be 100%
Only dead fish go with the flow!

I work with: RSD - RLMP - WFB - MB - WE 2.0
http://www.realdesign4you.com
Jul 2nd, 2015 at 09:54 AM
User 458539 Photo

Byron Tipping
Registered User
1,635 posts
Online Now

Oliver

Yes that seems to fix the responsiveness but it does not play

Thanks again

Byron
Jul 2nd, 2015 at 09:56 AM
User 2407752 Photo

Oliver Wendt
Registered User
44 posts

on which browser?
Only dead fish go with the flow!

I work with: RSD - RLMP - WFB - MB - WE 2.0
http://www.realdesign4you.com
Jul 2nd, 2015 at 09:57 AM
User 2407752 Photo

Oliver Wendt
Registered User
44 posts

or do you mean video plays automatically?
Only dead fish go with the flow!

I work with: RSD - RLMP - WFB - MB - WE 2.0
http://www.realdesign4you.com
Jul 2nd, 2015 at 10:06 AM
User 458539 Photo

Byron Tipping
Registered User
1,635 posts
Online Now

Looking in chrome and it doesn't play at all
Jul 2nd, 2015 at 10:10 AM
User 2407752 Photo

Oliver Wendt
Registered User
44 posts

okay i see the problem:
you need for every browser an different video format:

safari, ie / .mp4
firefox / .webm - .ogv
chrome / .mp4 - .ogv - .webm

You have to convert your video to these formats
Only dead fish go with the flow!

I work with: RSD - RLMP - WFB - MB - WE 2.0
http://www.realdesign4you.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.