Hiding the vimeo player's sidedock - vimeo

Is there a way to permanently hide the vimeo player's sidedock (in upper right corner)?
The vimeo player is in an IFrame and while it let's me hide all of the controls via the &controls=false url query parameter, I don't see any way to turn off just the sidedock.

According to this Answer , you will need a Plus or Pro account do hide the side dock. And you can do that from https://vimeo.com/{your_video_id}/settings/embed.

Related

Avoid cookies pop up window inside iframe?

I have an iframe that displays live prices of stock market. My problem is that when i load my page, this iframe shows a pop up window for cookies policy.
Is there anyway to avoid this window completely (or select "accept" in background) so that this iframe will directly show stock prices?
I found some information about sandbox option but could not go deeper with that
My website is the following and the iframe is on the down-left
https://grbusinessforum.com/
("Αποδέχομαι" is the button of "Accept cookies")
Thanks
Sandboxing the iframe can prevent all JS from running inside it, but that would probably break the page in other ways.
There's nothing you can do from outside the frame.
You'd need to change the page inside the frame instead. You could add a query string to the URL that it uses to disable the tracking cookies by default, or use postMessage to send a message into the frame that code there uses to remove the cookie prompt.
Of course, this will need the cooperation of the people who control the site you are displaying in the frame … but if they are happy for you to show their content on your page that shouldn't be too much of a problem, should it?

Iframe to display a video

I need to create a side screen to play a video while the user browser my site. But the video most keep playing while the user load differents pages of the site. Is it possible to be done? How?
I have no idea how to google it. Any help is appreciated.
You can accomplish this using Ajax.
From wikipedia:
[..] With Ajax, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page.[..]
Other way to make that is, to make a single page with all the sections, and with CSS, set the video position: fixed (the element is positioned relative to the browser window) so while the user scroll vertically, the video follow the movement...

Custom transport controls in media element. IsFullWindow = true

I am using mediaElement and IsFullWindow property is set to true.
I need to use some control buttons, but when is fullscreen mode active, my buttons (like play, pause, stop...) are hidden behind mediaElement.
Ok. I can use
AreTransportControlsEnabled="True"
but I want my own controls.
Here is tutorial http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh986967.aspx
but it does not use IsFullWindow property.
I want reach something like this: (custom transport controls in fullscreen mode)
(screenshot from nokia video trimmer)
You'll have to lay out the page manually, which isn't that hard.
Starting with a landscape page, you can resize the MediaElement so that it takes up all of the page.
You are then free to show your own controls above the MediaElement.
However it looks like this will potentially have a battery/performance cost, as it means you won't be able to benefit from the "system level optimizations" that IsFullWindow would give you.
You might be able to toggle between this manual full window and the optimized IsFullWindow version, but I haven't tried to see what this looks like.
In order to use "system level optimization" in IsFullWindow, unlike how the quoted page in MSDN page shows (in the question), using StackPanel for transport controls and making MediaElement stretch to mimic fullscreen, use Popup for transport controls. Because Popups always stay on top of other windows, even MediaElement, they will appear even in fullscreen. Use 'HorizontalOffset' and 'VerticalOffset' property of the popup to move them relative to immediate parent. This is shown in sample at https://code.msdn.microsoft.com/windowsapps/basic-media-playback-003619be.

How come the regular URL won't work with facebook apps?

In my app I have a logo and when it's clicked I need it to direct the user back to a page on facebook.
<img src="images/company_logo.png">
but this just gives the user a white screen.
So why doesn't the regular URL work and how does it need to like in order to get it working?
Because your application is sitting in an iframe, you'll want to redirect the top most frame to the URL. Your current method would only perform the redirect within the iframe. To redirect the top most frame you'll have to change your target attribute to _top:
...

Button show up at a time during video html5

I'm trying to have a buttons show up to pick different options as a video is playing. Right now I have the buttons showing up when the page is loaded which means it sometimes trows the button sync out. How do I fix this? here is the link to my site. You have to wait until the video starts to play and you will see the buttons show up. But again it's timed with the page loading not with the video I'm trying to get it timed with the video.
http://preview.visiondesignstudio.net/WesternUniversity/Demo/
the simplest way would be to add an eventlistener to your video element based on timeupdated event. in the code that's called check the video's currentTime and compare that to the time(s) you want the button to be visible (eg you could have an array with elements listing buttonid, start-time and stop-time and show/hide the buttons as appropriate)