Implementation of responsive video specifically using video.js
Permalink
Hi guys,
I'd like to include video.js and it's associated .css files so I can place blocks or single pages to include responsive video html5 style into my site.
Been reading into the docs on where and how to include .js files in page_theme.php but according to the limited docs I should be placing my .js plugins in the concrete core directory? Then change the core asset aliases?
I'm using the Elemental theme for starts and have made a local copy and installed this theme in my applications and made it active. Works fine but where do I go from here?
I understand 5.7.3.1 is a very recent release but when will we see documentation to set guys like me (guys who would like a little more than the default theme) straight with these sort of questions?
I really like the responsive design approach by the way but man! trying to understand .less, why all these "ccm" calls and lack of documentation really has me stuck in the mud right now.
Thanks in advance,
Bjorn
I'd like to include video.js and it's associated .css files so I can place blocks or single pages to include responsive video html5 style into my site.
Been reading into the docs on where and how to include .js files in page_theme.php but according to the limited docs I should be placing my .js plugins in the concrete core directory? Then change the core asset aliases?
I'm using the Elemental theme for starts and have made a local copy and installed this theme in my applications and made it active. Works fine but where do I go from here?
I understand 5.7.3.1 is a very recent release but when will we see documentation to set guys like me (guys who would like a little more than the default theme) straight with these sort of questions?
I really like the responsive design approach by the way but man! trying to understand .less, why all these "ccm" calls and lack of documentation really has me stuck in the mud right now.
Thanks in advance,
Bjorn
Thanks much for the answer and yes my plan was to wrap the <video></video> div with responsive css as you mentioned. However, for best practice when including .js files and css where should they be included? From the documents thus far, best practice in 5.7.* is to place .js files and .css in the core and alias them in your local /themes/my-theme/page_theme.php. I question that as I thought the rule of thumb is never to mess with the /concrete folder? I'm referring to this how-to:
"https://www.concrete5.org/documentation/developers/5.7/working-with-blocks/working-with-existing-block-types/creating-additional-custom-view-templates/automatically-including-css-and-javascript-in-custom-templates/"
Cheers and thanks.
"https://www.concrete5.org/documentation/developers/5.7/working-with-blocks/working-with-existing-block-types/creating-additional-custom-view-templates/automatically-including-css-and-javascript-in-custom-templates/"
Cheers and thanks.
Example: #wrapper iframe, #wrapper .video embed, #wrapper .video object, #wrapper .video iframe{max-width:100%}