YouTube Iframe Tags no longer display CC - iframe

It appears that an update adding widget_referrer was added to the YouTube API on June 12. The CC no longer shows up for my videos and the language in the settings no longer shows up. It works on YouTube correctly, but not in my iframe tag shown (mostly) below.
iframe frameborder="0" width="640" height="360" src="{{ video.url }}" /iframe
(It's django - the video.url reference works fine.)
I've monkeyed with cc_load_policy, origin, and putting something into the widget_referrer with no success. Any suggestions would be greatly appreciated (for example, I just put http:\mydomain.com as the widge_referrer. Should that have www. in it?)

This problem no longer exists. I assume that it was a bug and someone fixed it at YouTube. --thanks--

Related

Lazy sizes does not show video

I am using lazy sizes for the lazy load of my youtube videos. On every page the lazy load does work, but not on these two, more precisely, the whole video just disappears/is not displayed. The two pages are in the same folder as all other pages, which do work. The link to lazysizes.js is there <script src="lazysizes.min.js" async></script>
Here is the iframe on one of the working pages with the video being displayed:
<iframe width="640" height="360" data-src="https://www.youtube.com/embed/xxx?rel=0" importance="low" loading="lazy" frameborder="0" class="lazyload" allow="encrypted-media" allowfullscreen></iframe>
and here the iframe that just won't work/does not display the video - it's identical:
<iframe width="640" height="360" data-src="https://www.youtube.com/embed/3FOZ2CTaaWk?rel=0" importance="low" loading="lazy" class="lazyload" frameborder="0" allow="encrypted-media" allowfullscreen></iframe>
I know this just doesn't make sense, but my hope is that one of you stumbled upon the same problem. I have tried copying and pasting (swapped them, so it is not really the iframe code) and changing it, reloading the js etc. but nothing helps. The iframe is identical with the other pages. I have no idea how to find out what's missing here.
I'm stupid, the console revealed it: the lazysizes.min.js was loaded into the directory of this particular URL. Since this URL (and its /.../ directory) is artificially created the lazysizes.min.js could not be found in that directory (though on the FTP server the js file is in the same directory as the source php file that loads it) it could not be loaded.
A simple line of extra code that includes the lazysizes.min.js above the iframe embedment with an absolute URL to the js file solved the problem!

Images not loading anymore when re-rendering Meteor template

I slightly extended the discovermeteor tutorial and added an image to every post in post_item.html:
<img src="discover.png" height="40px" />
After putting discover.png in the public folder everything seems to work as expected. However if you open the detail page (click on 'discuss') and come back to the overview (click on 'microscope' in the header) the pictures or not loading anymore. It happens in Safari and Firefox, in Chrome it's still working as expected. I put the example on http://img-notloading-safari.meteor.com
I don't know if this has something to do with it, but I noticed, the 'waitOn' function of iron:router is called twice when the overview is loaded in the beginning, but only once when I come back form the detail view and the pictures are not loading.
Any hint would be highly appreciated.
I looked at network requests in Firefox and for some reason it tries to load http://img-notloading-safari.meteor.com/posts/discover.png, which is not there. Maybe this happens because the template is rendered before the url changes.
I suggest you changing the url of the image in <img src= from discover.png, which is a relative url, to a /discover.png, that is, to absolute path.

Unrecognized iframe rendering in Wordpress markup

I was inspecting browser elements on a Wordpress 3.4.1 site and came across an iframe I don't recognize.
<body class=" customize-support">
<iframe src="http://mickajoin.tumblr.com/?d=www.example.net" frameborder="0" marginwidth="0px" marginheight="0px" scrolling="no" width="0px" height="0px"></iframe>
<div id="wrapper">
...
Of course http://mickajoin.tumblr.com doesn't exist so this returns 404 anyway. Searching the project resulted in nothing. Google returned nothing relevant.
Initially I thought it was the Gallery plugin. I disabled it and the iframe persisted. I've also deactivated the other 2 third-party plugins use on the site. None of this worked.
I'm hoping someone can point to me the sources of where this could be injected.
Thanks for the tip on the extension. Turns out it was Pokemon Tower Defense HD 5.6 for me. ^_^

mediaelement.js (wordpress 3.2.1 plugin) - video thumbnail appears blank when page loads

I just installed this and it seems to work like a charm except for one thing. When the page displays, the thumbnail is blank. Is there a way I can use the first video frame as the thumbnail display or something like that?
Thanks in advance for any help you can give me.
To have mediaelement.js load a thumbnail you need to ensure that preload is not set to none. For example:
<video src="myvideo.mp4" controls="controls" preload="metadata"></video>
Setting poster="poster.jpg" as per the example in the documentation won't necessarily work (unless you happen to have a file named poster.jpg). Though you can set the poster attribute to the location of an image to use as a thumbnail prior to loading the video, in the event you don't want the user agent to peek inside the media object.
See this answer for more information on the pre-load options - What are the options for the mediaelement player's "preload" setting?
I believe you need to put a poster="poster.jpg" attribute in the <video> tag.

iframe display the curent content website instead of the target of src

My iframe code is
<iframe src=”http://google.com” width=”400″ height=”600″></iframe>
But instead of showing google it show my own website!
You can take a look at http://tetards.ch/node/112
Ok.. it was stupid. I use stupid ″ instead of ".

Resources