Jump to content
JawDesigns

Adding Video

Recommended Posts

JawDesigns    11
JawDesigns

Hi to all,

 

I was wondering if it is possible to add Video in DMS2 which has a simple Play and Stop button in the same style as the RevSlider arrow icons used to navigate left or right?

 

Basically, I have added some video as a background (720 x 1280 h264) to the RevSlder which works very well. However, my showreel plays automatically and what I wanted was a simple play button in a similar style to the RevSlider navigation icons.

 

I don't want to use Vimo because I don't want to use it's generic Vimo styling which comes as standard with it's embedded code.

 

Thanks,

 

James


James Wilson

Designer & Photographer

 

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

Do you mean, like for instance, using the wp shortcode for uploaded video

 

[video width="1280" height="720" mp4="http://your-website.com/wp-content/uploads/2014/03/sample-video.mp4"][/video]

 

or are you trying to pull in from an external host

  • Like 1

Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
JawDesigns    11
JawDesigns

Hi GetMeWebDesign,

 

I have transcoded the video and have uploaded it to Wordpress (Media Library) as h.264. I wanted to use it in a DMS Section & not reference the video from an external host (like Vimo). I tried it with a RevSlider and it worked well. However, there are no simple Play or Stop buttons so that your able to press play or stop at anytime. Not sure is there is a simple DMS section which will allow this?

 

Hope the above makes more sense and thanks you for your help!

 

Kind regards,

 

James


James Wilson

Designer & Photographer

 

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

JamesW  If .mp4 then try here http://www.w3schools.com/tags/tag_video.asp and then, although only audio, it about creating the button. This seemed pretty help https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video

 

Be interested to how you get on... as this is not an area I have a lot of experience with... as normally only adding video to content. You might want to use the full width PLNextbox rather than a revsider


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
JawDesigns    11
JawDesigns

Thanks for all the help! I will take a detailed look at the resources and will get back to you all soon.

 

Danny, I have my showreel video on Vimo (http://vimeo.com/62780027) and can embed the code. However, uploading it to WP and placing inside a RevSlider from WP looked super clean (full width as well) and without Vimo styled play buttons and UI. Maybe embedding code is the way to go from Vimo or You Tube having glanced your link (thank you). However, just wondered if there was another full screen option with maybe functionality to style a play / stop button inside DMS using sections.

 

Thanks,

 

James


James Wilson

Designer & Photographer

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I would always recommend embedding the video as you're not using your bandwidth.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

<iframe src="//player.vimeo.com/video/62780027?autoplay=1&badge=0&byline=0&loop=1&title=0&portrait=0&color=333" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

 

This does not prevent sidedock and controls showing on mouseover

 

Details here: http://developer.vimeo.com/player/embedding

 

However, it is against Vimeo API rules to allow you to hide the play-bar-cell or the sidedock. The only way you could achieve hiding those would be to lay a frame over a video in the background, but dont know how successful that would be with resizing. That also would really get over your problem of wanting it to pause, though floating with in your frame could be a pause/play button, that would ahve the same effect as clicking on a screen, with vimeo?

 

Looks like you will have to host yourself to avoid vimeo strict api

  • Like 1

Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
JawDesigns    11
JawDesigns

Hi to all,

 

When I was doing some research for a current UI project I came across this (http://www.jwplayer.com/) and immediately thought of the possibility of using this for my video content. I haven't looked in-depth but it basically addresses the issue I was talking about above. You can upload a video to their hosting, choose a skin for the player or create your own and finally embed the code to you wordpress site. I think they also have a wp plug-in. Basically means your not forced to use standard Vimeo styling

 

Cheers,

 

James 


James Wilson

Designer & Photographer

 

Share this post


Link to post
Share on other sites
pieterhillewaert    0
pieterhillewaert

You should take a look at THEOplayer, it is a very comprehensive HTML5 HLS video player and it is the ONLY HTML5 video player that can guarantuee http live streaming, cross platform, without the need of plugins like Flash or Silverlight.

In case you want more information, visit the website: https://www.theoplayer.com

Share this post


Link to post
Share on other sites
Simon    247
Simon

@pieterhillewaert seeing as theoplayer is proprietary and has no pricing information on the homepage, perhaps you would like to tell our users what the expected costs of using your player would be?

Share this post


Link to post
Share on other sites
pieterhillewaert    0
pieterhillewaert
On 27-11-2015 at 6:46 PM, Simon said:

@pieterhillewaert seeing as theoplayer is proprietary and has no pricing information on the homepage, perhaps you would like to tell our users what the expected costs of using your player would be?

@Simon I think the pricing will be different for each business because of the unlimited custimization! 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • pehja
      By pehja+
      https://pehjaproduction.se/webbdesign/  Video is not showing up in Journey section. Why? I have entered this in the settings 
       
    • dougalperman
      By dougalperman+
      Hi there,
      I'm a big fan of Pagelines, and have been for years.
      I'm trying to control the size of video embeds and having some difficulty. I see that I can just paste the Vimeo video URL into the post and an embed widget will automatically appear, which is great. But the embed box created is much taller that the video (689 x 1000 pixels) so the content sits in the middle of a tall black box, which looks awkward.
      I tried using the full iFrame embed code from Vimeo, which solved the disproportionate embed frame size (or aspect ratio) issue, but despite specifying the dimensions I want (690 x 388), the videos displayed on the post are sized at 300 x 150 pixels.
      I can't work out how to change either.
      I'm using the latest version of Pagelines Framework (Pro) with the Agency them.
      Any help or advice very much appreciated.
      Thanks,
      Dougal
    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • hibbsy78
      By hibbsy78+
      Element buttons still need some work to look good on mobile view. They both need to align correctly and with a gap.
      http://www.viewfromadaddy.co.uk/
       

×