Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 12 hours ago.
Improve this question
I have a set out place to display to the user that the video is playing in pip mode so I don't want the video to also display this. Is there a built in way to remove this?The video displays "Playing in picture in picture which I'd like to remove.
The only solution I've found is to cover the video with a black div when in pip mode.
Unfortunately,I can't find a native way to delete or changeColor about the tips "Playing in Picture-in-a-picture". https://w3c.github.io/csswg-drafts/selectors/#biblio-picture-in-picture
These video website whose use PIP still have the white color "Playing in Picture-in-a-picture" tip.
https://www.youtube.com/
https://www.bilibili.com/
https://youku.com/
https://www.iqiyi.com/
While Facebook don't have this tip, but it's not a real picture-in-picture at all .
Facebook use div to simulate the original video Element, may inspire some idea to you.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I need help with my Wordpress website. Theme, which I am currently using, automatically makes background images dark (in elements with text and button). With bright pictures it's ok, but with dark ones it looks horrible. How to find the stylesheet with the corresponding css and how to make it less dark? It's the same situation as in the demo here: Total Vanilla theme demo
You just need to inspect the image and you will jump to the right html element. In your case it's this element that cause the dark effect:
<span class="wpex-bg-overlay color" style="background-color:#383d47;opacity:0.8;" data-style="background-color:#383d47;opacity:0.8;"></span>
To quickly mask all of them you can use this css:
.wpex-bg-overlay {
display: none;
}
Open your website in the browser and press F12 to open the inspector. There you have every piece of code of your website including the CSS files (which will be in the header with a link to a file ending with .css.
in your case:
https://total.wpexplorer.com/vanilla/wp-content/themes/Total/style.css?ver=4.9.9.1
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
OK, LONG QUESTION IN SHORT:
I decided to use audio.js in moodle.
I have uploaded file to public_html. And when I add this code to "HEAD":
<script src="https://WWW.MYWEBSITE.COM/audiojs/audio.min.js"></script>
<script>
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
</script>
And then use default "import media - > audio" on question in moodle quiz (sample code bellow):
<audio controls="true"><source src="https://WWW.MYWEBSITE.COM/learning-base/draftfile.php/5/user/draft/119880121/test.mp3">https://WWW.MYWEBSITE.COM/learning-base/draftfile.php/5/user/draft/119880121/test.mp3</audio>
I can say that simply nothing changes, when preview the results... The player seems not changed at all. Well it had to, right? I want to change the html5 audio player design, this is why I use Audio.js. What am I doing wrong? P.S., I should mention I use the latest moodle 3 (updated to latest few days ago).
A complete solution can be found here
There is no way to control the way an audio tag is displayed, each browser does this differently. The download button is only available in chrome for example.
I would recommand using a library that handles the display of audio tags, like audio.js.
As said in the solution to this question, there isn't really a way to disable it. As shown in the answer, what you can do to hide it is increase the width and set the overflow on hidden on the media controls panel.
PS: This would be the case when using Google Chrome.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
Im creating website with paralax effect. Today I heard that images just are not displayed on iPod ?!
I cant check that, because I dont have access to iPod. Can someone tell my why main pictures dont appear in iPod?
Website: http://www.badzlepszy.pl/Nebiolo2/
The images you are using are multiple images of 2000x1200px in size. There is a limit for the maximum amount of pixels allowed in an image. You can visit this website to see which devices should be capable of displaying your images.
The iOS resource limits are described on the Apple website at the heading "Know iOS Resource Limits".
Using these large images on a iPod could cause the problem of not displaying the image.
I tried it on my ipod an can confirm that it looks odd. some of the images are shown though.
You have some errors in your html. Try to fix them first e.g.
<div id="sitelanguage"> outside of body tag
<div class="pasek_suwakow" style="top: 345px;> <-- " missing after 345px
</br></br>
see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.badzlepszy.pl%2FNebiolo2%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I am wondering there is a tool such as a Google Chrome extension out there that will get all of the css displayed on the current page, and nothing else. For instance, when you use the developer tools in chrome and get the css you have the option to get the classes you hover over and it's neighbouring classes, or the ability to see the full CSS file for the whole site. I am looking for a way to get ALL of the css used on the current page and displayed all together, instead of me having to manually check each div and pasting it into notepad.
I figure there must be something out there that does this. Any help is appreciated.
I haven't tried these myself, but Pendule and Quick Source Viewer look promising.
I would just post this as a comment but I don't have enough rep. :(
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I am working on a site and I am designing a landing page where you click on pictures and it will take you to a product page.
I have just hit a problem that I was asked to put a slider into the page above everything, I haven't yet started that and thought that i would upload the site for now to a test server to make sure everything is running OK.
Most of the page is but there are three images on one section (3/6) that just will not load. I've looked over the coding and cant seem to find any mistakes with the code.
You must provide some of your code referring to the images, then only someone can help you. Anyway there can be an issue that you were not providing the correct path for the image. Also, sometimes it happens issue with writing the format of the image in caps or small letter. It make work with image.gif but not with image.GIF for example. So, look into image property also and find the correct format.