How to remove share and watch letter from embedded you-tube video? - youtube-api

Unable to hide share and watch letter icon from embedded youtube-video?

Unfortunately, since September 2018 there is no option to hide Watch Later, Share and Video Title within embedded YouTube iframe. Simply, YouTube does not allow anymore ‘clean’ embed w/o those components.

Related

vimeo iframe for IOS how to hide "like" and "share" button from right side of UIWebView

i am using UIWebview to play vimeo video by using this code
let embedHTML = "http://player.vimeo.com/video/"+(str)!+"?title=0&byline=0&portrait=0&color=008efe&amp\";controls=0&fullscreen=1&buttons.share = flase&embed.buttons.like = false;autoplay=1&loop=1 width=\"375\" height=\"370\" frameborder=\"0\">"
i need to hide "share" and "like" button
According to Hiding the share button on vimeo help:
You cannot hide the Share button from your public videos on vimeo.com.
However, viewers of private videos (videos with a privacy setting
other than "Anyone") do not see the Share button on the video page.
Only video owners see the Share button on the video pages of their
private videos.
Plus, PRO, and Business members can customize the embedded video
player to hide the Share button.
For me the only solution was to change the setting in my vimeo PRO/Business account for the particular video. The iframe url parameters did not change anything in regards to the share buttons.
Vimeo also allows you to embed the video on specific domains that you may specify. Using this combination removes the option to share the embedded video. It enables those logged in on the domain to access for viewing.
this can be help full take a look
<script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>
<iframe id="projectplayer" src="https://player.vimeo.com/video/336413453"></iframe>
<script>
iframe = $('#projectplayer')[0];
player = $f(iframe);
player.api('setVolume',1); //reset volume
</script>

How do you display your overlay logo on embedded videos?

I can't seem to find any documentation anywhere that states how you can display your overlay logo with link when embedding your video?
After attempting to copy the URL format used on the overlay settings page, however it always reverted back to the DailyMotion logo.
http://www.dailymotion.com/embed/video/<video_id>?
GK_PV5=1&
api=postMessage&
apiKey=<apiKey>&
origin=<origin>&
ui-watermark_link_url=<link_url>&
ui-watermark_url=<watermark_url>
To clarify, is the logo only displayed when the video is shown on the DailyMotion website, or am I doing something wrong?
To put on overlay on your Dailymotion videos, you don't need any code, it's only a setting in the overlay settings page you mention: http://www.dailymotion.com/settings/logooverlay
You need to have monetization enabled to access this feature.
Basically, you only have to upload your logo on this page (when logged) and this will add a logo to the bottom right corner of your videos (whether onsite or in your embeds).
Read more at https://faq.dailymotion.com/hc/en-us/articles/207322227-Logo-overlay

Full screen Vimeo Video Issue & YouTube Player API Reference for iframe in IE7

I have a site (which is only viewed using Internet Explorer 7) that is made up of 5 sections and in section 2 I am currently using Vimeo to embed a video. The requirement is that the user has to watch all of it before proceeding to the next section. In order to achieve this I have used event listeners which only activate the ‘Next’ button to proceed when all of the video has been watched (Works Great)
Another requirement is for users to be able to play the video in full screen but the problem I have using Vimeo is that it does not support the option to hide the progress bar when a video is playing in full screen, this allows the user to skip the video. After researching around and contacting Vimeo support I can confirm that hiding the progress bar can only be achieved when viewing the video in standard mode when you have subscribed to the pro account (which I have).
I looked into targeting the CSS classes within the iFrame, and setting a display none value on the controls div but this is something that can’t be done.
I have looked at using YouTube as an alternative and you are able to hide the progress bar in full screen using this markup
<iframe width="560" height="315" src="https://www.youtube.com/embed/C0DPdy98e4c?rel=0&controls=0&showinfo=0?&fullscreen=1" frameborder="0" allowfullscreen=1></iframe>
I’ve done some reading on using the YouTube Player API Reference for iframe Embeds (https://developers.google.com/youtube/iframe_api_reference) but it says that one of the requirements is that the user's browser must support the HTML5 postMessage feature - INTERNET EXPLORER 7 DOES NOT SUPPORT IT :(
Could anyone suggest how I can achieve this, either by hiding the progress bar using vimeo in full screen or by implementing the youTube Iframe API to work with IE7?
Cheers
Paul
I don't see a parameter to remove the controls in a Vimeo video on their page on embedding. Also, the Vimeo FAQs say that the control bar gets hidden on an embedded video when it's less than a specified number of pixels wide.
You might have to do some sneaky CSS styling stuff instead. I did manage to find an article on hiding controls on an HTML5 video when viewing it fullscreen, but it said that IE does not support the full-screen API, so I'm not entirely sure what you're trying to do is actually possible on IE.

Embedded YT on mobile: autohide=0&controls=1 but controls invisible

When embedding a video with autohide=0 and controls=1 (which is default anyway), one would assume the controls are always visible.
This is however not the case when looking at an embedded video on Android or iOS, where the exact same embed code yields a player without "always-on" controls (e.g. before clicking "play").
I've created a small demo which indeed has YT display the controls when viewed on desktop, but not when viewed on iOS or Android.
My questions:
Is this a bug (and if so; is a solution in the works)?
Is there another way to force the controls to be visible on mobile?
iOS Safari supports HTML5 video (it uses Quicktime to render it). Behind the scenes, the YouTube API is creating an HTML5 video element inside its iframe. There is no HTML5 attribute that specifies whether or not to keep the controls visible, therefore YouTube cannot make the controls stay visible on the iOS.
Unfortunately, at this time, I think the only solution is to build your controls and use the javascript DOM API to control the video.

Insering hyperlinks in Flowplayer

I would like to insert clickable overlay banners in flowplayer? Is it possible to do it using content plugin: http://flowplayer.org/plugins/flash/content.html
The page you linked states that the Flowplayer Content plugin can be used to "to layout text, images, links and even SWF files over or beside the video screen, " which to me sounds like: Yes, you can make clickable banner ads.
Additionally, Flowplayer supports many advertising services, including AdSense, Doubleclick, and Open Video Ads.

Resources