discourse/plugins/lazyYT/assets/javascripts/initializers/lazyYT.js.es6

33 lines
976 B
Plaintext
Raw Normal View History

import { withPluginApi } from 'discourse/lib/plugin-api';
2014-07-22 10:39:32 +08:00
const returnFalse = () => false;
2014-07-22 10:39:32 +08:00
export default {
name: "apply-lazyYT",
initialize() {
withPluginApi('0.1', api => {
api.decorateCooked($elem => {
// We use this because watching videos fullscreen in Chrome was super buggy
// otherwise. Thanks to arrendek from q23 for the technique.
$elem.iframeTracker({ blurCallback: () => {
$(document).on("scroll.discourse-youtube", returnFalse);
window.setTimeout(() => $(document).off('scroll.discourse-youtube', returnFalse), 1500);
$(document).scroll();
}});
$('.lazyYT', $elem).lazyYT({
onPlay(e, $el) {
// don't cloak posts that have playing videos in them
const postId = parseInt($el.closest('article').data('post-id'));
if (postId) {
api.preventCloak(postId);
}
}
});
});
});
2014-07-22 10:39:32 +08:00
}
};