youtube play button on right to left browser language - youtube

the play button is centered when I use google chrome in English, when I change the language of the browser to Hebrew (right to left) and also drag Hebrew to the top of the languages list, the play button is not centered, it has a bit offset.
I tried to set the html, body and the iframe of the embedded player with direction:ltr, but I didn't helped.
if I open the f12 developer tools and locate the play button and then change it's position from left 50% to right 50% it fixes the problem.
but that can only be done via the developer tools and not from javascrit/css.
I think that the css class of the button should be adapted to the browser's language.
does anyone knows how to solve this issue?
Thank you.

Related

electron frameless window auto maximize when drag to the top (windows 7)

a normal program, when mouse click and drag windows topbar to the top of screen, this program will auto fullscreen in windows 7+ system
but when I use electron without the frame, and use electron-drag package to control move it, then, what can I do, to let it auto fullscreen when drag to top, and drag left side cover left screen, drag right side...
thanks
electron-drag hasn't been updated for 2 years.
Why not just use electrons built in drag-able style <div style="-webkit-app-region: drag"> I Built a quick app, and added the style to a div, worked fine.
https://electronjs.org/docs/api/frameless-window#draggable-region
Note: -webkit-app-region: drag is known to have problems while the developer tools are open.
See this GitHub issue for more information including a workaround.
EDIT:
create a quick gist showing how to mimic the snapping of a frameless window without using the draggable style. https://gist.github.com/flapjack17/44a9fdd504b832714c24f899a11c0b42

Adjust WinRT WebView content to control

im trying to fit a Facebook likebox in a webview on a Windows Store APP.
I have done it fine on Android and IOS, just setting the likebox url as html string to the webview.
But in WinRT it shows the box on the upper left corner and A LOT of white space, so the box is really small, i can zoom in to fit it well by hand.
Android and IOS just fit the box in the webview.
Is there any way i can fit it well? also i need to disable user scroll, i only want the user to be able to click the like button.
Thanks in advance.

jQuery Mobile panel smooth scrolling

This is not a question about JQM panels scrolling independently of the page, though that is an issue I've had trouble with and almost overcome, this is about making the panel scroll smoothly and ignore the device browser's edge event (or whatever the correct term is, I'll explain below).
Basically, I'm trying to replicate the menu on Google's mobile site, which naturally isn't using JQM like us common folk. I've got it pretty close, but the scrolling animation is very rigid. I need it be momentum-based rather than fixed to your finger.
Also, when you reach the top or bottom of the menu, it's considered the extremes of the document so the browser moves the whole document up or down to indicate the edge of the page. Instead, the page should never move while the panel is open and the menu should take on this behaviour within the panel.
Since I've set the panel height to 100%, this forces the address bar on iOS Safari to come down when the menu is open. This seems to be exactly what happens on Google, but if there's a way around this I'd love to hear it.
Finally, one downside of the way I've emulated independent scrolling is to just set the content wrap as fixed when the panel is open. However, this means the page always scrolls to the top when the panel opens. Any alternatives for this would be appreciated. I suppose I could just set the page top as scrollTop or something.
To summarise:
Panel menu needs to scroll smoothly (momentum rather than direct touch)
Elastic edge on menu rather than window
iOS Safari address bar interfering with height
Page fixed at top when panel open
If any of my descriptions don't make sense, just visit google.com on your phone and check out their menu.
ScrollFix seems to have solved all my issues.

YouTube Video Being Embedded via JWPlayer, "Play on YouTube" gets cut off

I am using JWPlayer to embed several YouTube videos on a web site. In the bottom right hand corner, there's the usual YouTube logo.
The text/tooltip that appears on hover is getting clipped by the video or the video's container.
Inspecting all of the parent elements, I'm not seeing anything that's set to overflow:hidden. Anyone run into this, or better yet, have a solution to either move the tooltip, or make it so it is not clipped by the video,container or object?
Edit: I've got it live now, so there is an example of what's happening:
http://www.copycei.com/#home
If you start playing a video from the home page, hover over the ghosted YouTube logo in the bottom right hand corner, and you'll see the clipped tooltip. Was really hoping I could target the id/class of that bit and just position it slightly to the left, but can't seem to inspect and target it in Chrome. Any help would be appreciated.
LongTailVideo (makers of JW Player) have filed this as an actual bug with the Google API used for embedding YouTube video:
https://code.google.com/p/gdata-issues/issues/detail?can=2&start=0&num=100&q=&colspec=API%20ID%20Type%20Status%20Priority%20Stars%20Summary&groupby=&sort=&id=2899
Looks like there's not a solution to this as of now.

Zoom to full screen?

How to activate/use this feature in D2010 ?!?
I have checked Zoom to full screen in Tools > Option > Editor Option > Display clicked Ok button but nothing happened. Ok, i said to myself, let's see what the help has to say about this. I pressed F1 key, wait a little, help's coming up but as i have expected, it has no idea about this, ironically: the help didn't help. Google did find some old blog posts which provided some outdated information like double click on the editor tab or pressing F5 will do the thick. But, that's not the case, so i'm asking here maybe somebody has more information about this.
That option controls whether the code editor, when zoomed, will zoom to occupy the entire screen. If that option isn't set, then maximizing the edit window will leave space at the top of the screen for the main IDE application window. If you never maximize the editor window, then that setting has no effect. It might also only have an effect when you're using the "classic undocked" layout mode.

Resources