You need to be logged in to post in the forum - Log In
An active JCE Pro Subscription is required to post in the forum - Buy a Subscription
- Support
- Forum
- JCE Editor
- How to setup a responsive video player using JCE Media Player
Support is currently Online
Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)
From 09:00 To 17:00 Europe/London (BST)
I want a video to be responsive, resize with the browser and on mobile respond to turning the phone sideways and playing full screen.
I've found this code onsite.
Is this correct direction? Are there better instructions on how to set that up somewhere?
I've found this code onsite.
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Is this correct direction? Are there better instructions on how to set that up somewhere?
I made a simple Joomla plugin to do this - https://github.com/widgetfactory/wf_responsive_widgets
Just because you're not paranoid doesn't mean everybody isn't out to get you.
I made a simple Joomla plugin to do this - https://github.com/widgetfactory/wf_responsive_widgets
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Hi thanks for this plugin, I have installed and enabled it on my site but it does not appear to do anything. when I view this page:
https://www.pinpoint-media.global/about-pinpointmedia/the-story
on a browser it looks fine the video is full width and height. But when I view on a phone it is still the same height as it would eb on the desktop creating a lot of white space above and below the video?
Is there anyway to resolve this?
Thanks
Lee
https://www.pinpoint-media.global/about-pinpointmedia/the-story
on a browser it looks fine the video is full width and height. But when I view on a phone it is still the same height as it would eb on the desktop creating a lot of white space above and below the video?
Is there anyway to resolve this?
Thanks
Lee
https://www.pinpoint-media.global/about-pinpointmedia/the-story
on a browser it looks fine the video is full width and height. But when I view on a phone it is still the same height as it would eb on the desktop creating a lot of white space above and below the video?
This looks fine to me in the Firefox Responsive Design view, and on my iPhone.
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Make sure the Prepare Content option in the Module parameters is set to Yes.
Stupid me
Thanks Ryan, awesome plugin. SO I can cleanup my css now
/* responsive video and images*/
img,
embed,
object,
video,
iframe {
max-width: 100%
}
iframe {
border: none
}
//.video-container,.custom.video p {
// position: relative;
// padding-bottom: 56.25%;
// padding-top: 30px;
// height: 0;
// overflow: hidden;
// margin-bottom: 15px
//}
//
//.video-container iframe,
//.video-container object,
//.video-container embed,
//.video-container video,
//.video iframe {
// height: 100%;
// left: 0;
// position: absolute;
// top: 0;
// width: 100%;
// border: 0 none;
//}
//.video iframe {
// height: 100%;
// left: 0;
// //position: absolute; HIERBOVEN WEGHALEN ????
// padding-bottom: 56.25%;
// top: 0;
// width: 100%;
// border: 0 none;
//}
Travel the world with me !
more than a month ago
·
#96986
Tested and working on joomla 3.8.12 - template ja-purity III, T3 framework.
Ryan, I really think it should be integrated into jce!
Thanks
Ryan, I really think it should be integrated into jce!
Thanks
A change to your content that you didn't anticipate?
If this was bundled with JCE Pro and enabled by default, it would affect all video posted in the front-end of your site, and could change a specific article layout you had painstakingly crafted, without you knowing about it!
There are also 2 display modes in the current version - one displays the video full width, and the other at the dimensions set for the video.
So either it is enabled by default but requires a class / option to be set for new inserted video, or it is disabled by default and the user can then decide whether to enable it or not, and deal with the consequances.
If this was bundled with JCE Pro and enabled by default, it would affect all video posted in the front-end of your site, and could change a specific article layout you had painstakingly crafted, without you knowing about it!
There are also 2 display modes in the current version - one displays the video full width, and the other at the dimensions set for the video.
So either it is enabled by default but requires a class / option to be set for new inserted video, or it is disabled by default and the user can then decide whether to enable it or not, and deal with the consequances.
Just because you're not paranoid doesn't mean everybody isn't out to get you.
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!