How to install plugins in video.js - video.js

I am not a developer so I am asking you to be patient with me, someone was patient with you ;) . I cannot understand how can I install plugins for video.js ! Do I upload .CSS and .js files on the plugin folder of my site. Do I include any code on the page of my site where I want to place the video.? I am particulary interested in the resolution plugin. As I understood I upload the 2 files ( .CSS and .js ) and then put that piece of code in the page where I want to make the video appear. Well nothing really happens :(.
Help!

Related

How to Download something from unpkg.com

Swiperjs has this link: https://unpkg.com/swiper/ to use their swiper locally. But how do I do download the content of this page?
I want the to have the content of this site locally. When I hit that link, I see the content of the package, but no download link. When I click save website in my browser, it downloads just some .js Files.
No, guys. Seriously. How do I do that?
I found this on that page: https://swiperjs.com/get-started
I know this question is old, but no one really helped you and I had exactly the same problem.
This worked:
Go to the download page (eg: https://unpkg.com/browse/swiper#8.0.7/)
Click on the file you want to download (eg https://unpkg.com/browse/swiper#8.0.7/swiper-bundle.css)
Right click on the "View Raw"-Button and click save as
I don't know why but that took me ages to figure out.
npm install swiper
Even though it says "you can directly download them from" it's actually means you can just watch what's in there. You can help yourself with npm install swiper. You get the same content as you see in the so called download link. Afterwards you can delete the package.json and move the folder out of the node_modules folder.
#falseAdvetising /rantoff

i didnot find my bootstra. min.css file in my dist folder?

i download bootstrap 4 version for web development but in node_modules>bootstrap>dist>CSS> bootstrap.min.CSS is not there and in the online trainer link this file with html so what file i select to linked
I'am afraid you may have downloaded the wrong one. Have you downloaded from the official bootstrap site:
https://getbootstrap.com/docs/4.0/getting-started/download/
You will find the file in the folder css > bootstrap.min.css
You can copy that and put it in the project you are working on.

How To Upload Vue.js project in Live Server

I believe it is much the same as a vue.js 2.6 upload. I have my setup as follows, is this correct? Is the only file I need to amend the index.html file which in my case is in the techjobs folder? I have amended this file to suit the directory structure. Are there any other files.Please provide .htaccess file
I'm not sure about what are you asking, could you try to modify tour question, please?
Anyways, if what do you want is to know the way to compile and push to a production environment, there are several options like Firebase, Netlify, Github pages, etc.
You can use this documentation where you can follow step by step how to push to production.
https://cli.vuejs.org/guide/deployment.html#general-guidelines

How to work with css and js files in moodle plugin

I need to develop a plugin for Moodle, and i need to have some js and css files in plugin. But i have the next problem - how to work with them from installed plugin? Of course, i can hardcode their path via to moodle structure, but it's a very dirty and bad way. Also, i know that i can place all js and css code inline, but i think that it's a bad decision too. Is there a built-in way to serve assets from plugin? I tried to find it in documentations, but found nothing.
Thanks
I assume you want to know how to include CSS and JS files into your plugin.
You can include a JS file via the command:
$PAGE->requires->js( /relative/path/your_script.js');
You can then call a JS function once the page has been downloaded with the command:
$PAGE->requires->js_init_call ( your_JS_function_name, array_of_parameters_here, bool: on DOM ready);
For example:
$PAGE->requires->js_init_call('init', array($USER->lang), true);
Be sure to make the $PAGE available with global $PAGE;, first.
Your CSS file can be named styles.css and put into the root folder of your plugin. The file will be automatically read by the system and included. It will take precedence over (will overwrite the settings of) the system CSS files. After that you will have to reload the theme caches.

Including more than one js file in cache.manifest?

I am working with sencha touch 2 in MVC format. I have created a cache.manifest file to bring my app offline.
CACHE MANIFEST
index.html
app.js
guide.css
app/model/Contact.js
app/model/Injury.js
app/view/IncidentForm.js
app/view/Home.js
app/view/DivisionSelect.js
app/view/InjuryResponse.js
app/view/EmergencyContact.js
app/controller/Core.js
i/amcor-app-bg#2.png
i/amcor-bg-logo#2.png
i/amcor-logo.png
i/amcor-tb-logo2x.png
i/arrow_right.png
i/ec-icon#2.png
i/home_icon.png
i/in-icon#2.png
i/ir-icon2x.png
i/ir-icon#2.png
i/ir-toolbar-bg2x.png
st2/builds/sencha-touch-all-compat.js
st2/resources/css/sencha-touch.css
NETWORK:
*
My issue is that the cache.manifest file does not seem to recognize any of my js files except for app.js. When I am working online it seems to cache properly but when I go offline the cache only returns index.html, app.js, and the sencha files. Can the cache.manifest file only have one .js file?
You should really try to use the tools SDK then you don't have to worry at all.
The Microloader helps keep things up to date.
Its a bit light on its error checking output and you must conform to the MVC app layout created by the SDK tools but once its running "it just works".
If the "compile" hangs its probably a missing ref.