Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

8 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

<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

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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 

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