I am adapting Shaka player to our website and got stuck in the following:
When I play my sample video in the appspot demo, I see the buttons to change language and resolution:
When I follow the tutorial , it does not let me choose the language: see result.
How do I configure the player to let me choose the languages?
Thank you for your help!
PS: Following later steps of the tutorial, I can change the languages, but the buttons are outside the video window, see here. This gives me headache later on, when I proceed to offline DRM.
found the problem: wrong linking of css file in the html:
include a css file like this:
<link rel="stylesheet" href="../css/filename.css">
and not like a js script.
Related
I want people who go on my site to be able to copy my the code snippets that I put in here, preferably with the code having colors like for a text editor. I've seen it on some website and blogs but I don't know if there are ready made expensions for this?
I'm working on a React website code with gatsby and Visual studio code however I don't understand why none of my images are displayed when I view my site on localhost:8000 a question mark in a square is displayed. Can anyone explain this? I'm a beginner at the moment so I can't find anything...
I wonder if it's because I added my image file from my Finder without changing anything in the code but I don't know how to do it
So if anyone would be kind enough to help me that would be great! Thanks
Sorry for my poor French English 😅
[gatsby][1] [index][2] [button][3]
[1]: https://i.stack.imgur.com/GvXgQ.jpg
[2]: https://i.stack.imgur.com/kohQJ.png
[3]: https://i.stack.imgur.com/r5XeA.png
If you use images from external sources make sure to include the complete image URL inside of the source of the image.
If you use the HTML <img> tag to create a simple image you can see how to do it here. The problem with the HTML image is this isn't very efficient and costs performance.
Because you are using Gatsby you can use various image plugins that are more optimized compared to the img tag. You can use this plugin if you want.
Without seeing your code I can't really help you, but I hope this answer helped you find a solution.
I have created an website/application using Angular2. The infrastructure is all set, I have routing completed, sass being processed etc.
I have sections (components) on this website that will display current web standards for our designs (buttons, forms, copy). The purpose of this site is to give our developers a copy/paste solution for markup and sass.
We will most likely create our own css library but they will still need a good visual reference of what each class does and a copy/paste solution.
I know how to develop all the standards, what I don't know how to do is have the DOM display options for the user to copy/paste the code. I could manually enter the code into or tags but this will be hard to maintain and not very clean approach. I'd like to find some solution that will utilize my code and create these tags at run time.
Googling this question leads down the road of using living style guide generators, which i don't want to use... why? I like having the functionality of controlling my own layout and scaling my standards as I see fit with our own technology.
Any ideas?
After exploring this even further I ended circling yet again on documentation tools (KSS) where I would need to rebuild my entire style guide for this functionality using markdown and or JDOCs.
Solution!
Use CodePen, its free to signup however there are some nice to have features for a monthly fee. I easily created my code here using SASS, HTML and CSS libraries. CodePen has a great EMBED feature whereas I could copy/paste html or iframe right to my styleguide.
Problem is now solved, and we have have a dynamic Web & UI Styleguide.
Hope this method helps others in my situation.
I am trying to use lightbox to display my video and instead of the video showing I am just getting a loading icon that never stops. I can put an image in place of the video and it works fine. Here is my code:
<img src="images/video_icon.png" height="240px" width="240px" id="middle_circle" class="circle">
As I said, using an image in the href instead of a video works fine so the CSS and JS is linked properly. Also, the video itself loads fine without the lightbox so it's not the video's fault either.
I wasn't able to find any examples for video so I am not sure if there is something different I need to do and was unable to find the solution elsewhere, including on here.
Currently Lightbox2 doesn't support videos by default at all, and it seems the maintainer doesn't plan on adding video support either. You can always edit Lightbox2 to allow video support provided you have the Javascript/JQuery experience.
If you're using Drupal CMS, they have a custom version of Lightbox2 that supports video content. https://www.drupal.org/node/252276
Your best bet is probably finding another Lightbox that can support your needs.
As answered above it don't supported playing Video.
But you can use some like - http://dimsemenov.com/plugins/magnific-popup/ - very nice & customizable ligtbox.
I am trying to spin up a web application but Im having a really small problem and Im not sure how to handle it. I have did it before a long time ago but forgot (CLUTZ). When I try to access my application I see the login screen but it looks cached. I see a white page and I can see the links. The layout doesn't load for some reason. Like I said, this is a very small issue that I know someone can assist me with. If you give an answer please explain so that I can learn from it. Thanks a mil!
It sounds like what you're describing is CSS not loading. Doublecheck your <link href="…" rel="stylesheet"/> tags to ensure that they're pointing to the correct files.