New Vimeo - Githubissues

ggamel commented 12 years ago

As of today, ClickToPlugin appears unable to kill the new Vimeo.com players and replace w/HTML5 video. Just wanted to put it out there that (apparently) something has changed.

If you need particular data or information, just let me know and I'll dutifully collect to make things easier. If I can edit the killer myself - let me know what changed values I need to observe.

Flash Player version 11,1,102,55 installed, btw.

hoyois commented 12 years ago

I just checked a few videos on vimeo.com and a few embedded videos, and they work just as before. Any specific link where it doesn't work? Maybe you're looking at Vimeo's HTML5 player...

ggamel commented 12 years ago

This is only an issue for "New Vimeo," which I was invited to preview today. See: http://vimeo.com/new/

None of the embedded videos work, unless I click for Flash. When I select https://vimeo.com/beta/opt_out to leave the New Vimeo preview, all of the videos work just as before.

hoyois commented 12 years ago

Ah, I can't test this. Can you show me the new Vimeo embed code?

ggamel commented 12 years ago

Here is the embed code snippet they provide:

<iframe src="http://player.vimeo.com/video/35769757" width="500" height="213" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

This was accompanied by this message:

This is our new embed code which supports iPad, iPhone, Flash and beyond. Don’t like change? Use the old embed code instead.

If you need extra code, just let me know.

hoyois commented 12 years ago

The video on http://player.vimeo.com/video/35769757 is replaced with the current CTP. The actual code on the pages where it doesn't work must be different. You can see it by opening the web inspector (from the Develop menu, enabled in the advanced preferences) and looking inside the "CTPstack" div near the bottom.

ggamel commented 12 years ago

Here we go. Full copy from web inspector:

<html lang="en"><head><script src="http://a.vimeocdn.com/p/1.4.9/js/swfobject.v2.2.js"></script><meta charset="utf-8"><title>A Week In Montana</title><!--[if lt IE 9]><style>.a.d .aa {display: block;}.a.d .bl {background: #000;filter: alpha(opacity='70');}</style><![endif]--><style>body, html,.f {overflow: hidden;padding: 0;margin: 0;width: 100%;height: 100%;background: transparent;}.f > div {width: 100%;height: 100%;}.f .s .aq,.f .s .b {visibility: hidden !important;}.f .s .k,.f .s .j,.f .s .b {opacity: 0;filter:alpha(opacity=0);}.f .aa {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-color: #000;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;background-size: 100% auto;}.bu.s .aa + div {position: absolute;z-index: 2;opacity: 1 !important;}.f .x,.f .w {background: #000;}.f .x .aa {-webkit-background-size: auto 100% !important;-moz-background-size: auto 100% !important;background-size: auto 100% !important;}.f .w .aa {-webkit-background-size: 100% auto !important;-moz-background-size: 100% auto !important;background-size: 100% auto !important;}.f object {z-index: 2;position: absolute;}body.z {overflow: hidden;}body.z .f .b, .a.q .b {max-width: 50%;margin-left: -25%;left: 50%;}.bn {display: none !important;}.aj {opacity: 0 !important;filter: alpha(opacity='0');}.bi {visibility: hidden !important;}</style><link rel="stylesheet" href="http://a.vimeocdn.com/p/1.4.9/css/player.core.opt.css"><script src="http://a.vimeocdn.com/p/1.4.9/js/player.core.opt.js"></script><script async="" src="http://www.google-analytics.com/ga.js"></script><script async="" src="http://b.scorecardresearch.com/beacon.js"></script><style type="text/css" media="screen">#cover35769757_2001182283 {visibility:hidden}</style></head><body><div id="player_35769757_2001182283" class="f " style="position:absolute;z-index:0;"><style>.a aside button.y.cb:after {content: 'Remove';}.a aside button.y:after {content: 'Later';}.a aside button.bh.cb:after {content: ' on';}.a aside button.bh:after {content: ' off';}</style><div class="s x bu"><div class="bb"><div class="aa bn" style="background-image: url(http://b.vimeocdn.com/ts/244/842/244842920_295.jpg);" data-thumb="http://b.vimeocdn.com/ts/244/842/244842920_295.jpg"></div></div><div title="http://a.vimeocdn.com/p/flash/moogalover/1.1.14/moogalover.swf?v=1.0.0" class="CTPnoimage CTPplaceholder" style="width: 1440px !important; height: 461px !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; z-index: 2 !important; clear: none !important; float: none !important; vertical-align: baseline !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; -webkit-margin-before-collapse: collapse !important; -webkit-margin-after-collapse: collapse !important; position: absolute !important; "><div class="CTPplaceholderContainer" style="opacity: 0.5 !important; "><div class="CTPlogoContainer"><div class="CTPlogo">Flash</div><div class="CTPlogo CTPinset">Flash</div></div></div></div></div></div><form id="h" action="/set_cookie" method="post" target="hidden_iframe" style="display:none"><input type="hidden" id="l" name="cookie" value=""><input type="hidden" id="m" name="value" value=""><input type="hidden" id="n" name="time" value=""></form><iframe name="hidden_iframe" style="display:none"></iframe><script src="http://a.vimeocdn.com/p/1.4.9/js/player.core.opt.js"></script><script>var player35769757_2001182283,player35769757_2001182283_element = document.getElementById('player_35769757_2001182283'),clip35769757_2001182283 = {config:{"request":{"cached_timestamp":1328239434,"source":"fresh","signature":"5ec10b976aaa5ac3f87457733b06d427","timestamp":1328239434,"expiration":21600,"referrer":"","vimeo_url":"vimeo.com","player_url":"player.vimeo.com","cdn_url":"a.vimeocdn.com","cookie_domain":".vimeo.com"},"video":{"id":35769757,"title":"A Week In Montana","width":1280,"height":544,"duration":261,"url":"http:\/\/vimeo.com\/35769757","thumbnail":"http:\/\/b.vimeocdn.com\/ts\/244\/842\/244842920_640.jpg","embed_code":"    <iframe src=\"http:\/\/player.vimeo.com\/video\/35769757\" width=\"400\" height=\"300\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe>","hd":1,"owner":{"name":"Preston Kanak","portrait":"http:\/\/b.vimeocdn.com\/ps\/315\/061\/3150617_75.jpg","url":"http:\/\/vimeo.com\/preston"},"stats":{"comments":139,"likes":1136,"plays":35611},"files":{"h264":["hd","sd","mobile"]}},"security":{"embed_permission":"public","hd_embed":1,"privacy":"anybody"},"analytics":{"ga_account":"UA-76641-35","comscore_c1":"1","comscore_c2":"10348289"},"user":{"liked":0,"watch_later":0,"preferences":{"hd":0,"scaling":1,"volume":100,"html":2},"status":{"mod":0,"logged_in":1,"owner":0}},"embed":{"alt_color":"c0c0c0","color":"00adef","autoplay":0,"loop":0,"time":0,"pause_info":0,"on_site":0,"api":{"on":0,"player_id":null,"version":1},"toggle":{"badge":0,"byline":1,"portrait":1,"title":1,"byline_badge":{"type":"plus","image":"http:\/\/a.vimeocdn.com\/images\/plus_icon.gif","url":"http:\/\/vimeo.com\/preston"},"embed":1,"hd":1,"like":1,"scaling":1,"share":1,"watch_later":1,"playbar":1,"fullscreen":1,"logo":1,"custom_logo":0,"volume":1},"outro":{"type":"videos","source":"uploaded_videos","videos":[{"id":2043572,"title":"Pascale Picard","url":"http:\/\/vimeo.com\/2043572","thumbnail":"http:\/\/b.vimeocdn.com\/ts\/862\/467\/86246723_100.jpg","owner":{"name":"Preston Kanak","url":"http:\/\/vimeo.com\/preston"}},{"id":2370851,"title":"Erganomics","url":"http:\/\/vimeo.com\/2370851","thumbnail":"http:\/\/b.vimeocdn.com\/ts\/865\/808\/86580884_100.jpg","owner":{"name":"Preston Kanak","url":"http:\/\/vimeo.com\/preston"}},{"id":2753156,"title":"Soccer Promo Video","url":"http:\/\/vimeo.com\/2753156","thumbnail":"http:\/\/b.vimeocdn.com\/thumbnails\/defaults\/default.75x100.jpg","owner":{"name":"Preston Kanak","url":"http:\/\/vimeo.com\/preston"}}]}}},assets: {"js_path":"http:\/\/a.vimeocdn.com\/p\/1.4.9\/js\/","css_path":"http:\/\/a.vimeocdn.com\/p\/1.4.9\/css\/","ming":{"touch":{"css":["player.touch.opt.css"],"js":["player.touch.js"]},"mobile":{"css":["player.mobile.opt.css"],"js":["player.mobile.js"]},"desktop":{"css":["player.desktop.opt.css"],"js":["player.desktop.js"]}},"moogaloop":["swfobject.v2.2.js"],"cache":1},uniqueId: '35769757_2001182283',options: {ming: {html_path: "http://a.vimeocdn.com/p/1.4.9/html_opt",css_path: "http://a.vimeocdn.com/p/1.4.9/css/player.overlays.opt.css",version: '1.4.9'},moogaloop: {force_embed: 0,force_info: 0,ref_id: 'player35769757_2001182283',swfs: {cover: {desktop: "http:\/\/a.vimeocdn.com\/p\/flash\/moogalover\/1.1.14\/moogalover.swf?v=1.0.0",mobile: "http:\/\/a.vimeocdn.com\/p\/flash\/mobilover\/1.1.14\/mobilover.swf?v=1.0.0"},player: {desktop: "http:\/\/a.vimeocdn.com\/p\/flash\/moogaloop\/5.2.13\/moogaloop.swf?v=1.0.0",mobile: "http:\/\/a.vimeocdn.com\/p\/flash\/mobiloop\/1.2.13\/mobiloop.swf?v=1.0.0"}},versions: {player: '5.2.13',cover: '1.1.14',js: '1.4.9'}},noplayer: {html_path: "http://a.vimeocdn.com/p/1.4.9/html_opt",css_path: "http://a.vimeocdn.com/p/1.4.9/css/player.overlays.opt.css"}},thumbs: {1280: 'http://b.vimeocdn.com/ts/244/842/244842920_960.jpg',960: 'http://b.vimeocdn.com/ts/244/842/244842920_960.jpg',640: 'http://b.vimeocdn.com/ts/244/842/244842920_640.jpg'}};Player.checkRatio(player35769757_2001182283_element.getElementsByTagName('div')[0],player35769757_2001182283_element.getElementsByTagName('div')[0].getElementsByTagName('div')[0],clip35769757_2001182283.config);function initPlayer35769757_2001182283() {player35769757_2001182283 = new Player(player35769757_2001182283_element,clip35769757_2001182283,Player.init.loader);window.player35769757_2001182283 = player35769757_2001182283;window.player35769757_2001182283_element = player35769757_2001182283_element;window.clip35769757_2001182283 = clip35769757_2001182283;}Player.init.queue.push(initPlayer35769757_2001182283);if (!Player.init.loaderAdded) {if (window.addEventListener) {window.addEventListener('DOMContentLoaded', Player.init.loader, false);}else {window.attachEvent('onload', Player.init.loader);}Player.init.loaderAdded = true;}var _comscore = window._comscore || [],_gaq = _gaq || [];_comscore.push({c1: "1",c2: "10348289"});_gaq.push(['player._setAccount', "UA-76641-35"],['player._setDomainName', "player.vimeo.com"],['player._trackPageLoadTime'],['player._trackPageview']);(function(d) {var g = d.createElement('script');g.async = true;g.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + ".google-analytics.com/ga.js";d.getElementsByTagName('head')[0].appendChild(g);var c = d.createElement('script');c.async = true;c.src = ('https:' == document.location.protocol ? 'https://sb' : 'http://b') + ".scorecardresearch.com/beacon.js";d.getElementsByTagName('head')[0].appendChild(c);})(document);</script><div id="events1328239436393"></div><div id="CTPstack" style="display: none !important; "><div><div><object type="application/x-shockwave-flash" id="cover35769757_2001182283" name="cover35769757_2001182283" class="aj" data="http://a.vimeocdn.com/p/flash/moogalover/1.1.14/moogalover.swf?v=1.0.0" width="100%" height="100%" style="visibility: visible; "><param name="allowscriptaccess" value="always"><param name="allowfullscreen" value="true"><param name="scalemode" value="noscale"><param name="quality" value="high"><param name="wmode" value="opaque"><param name="bgcolor" value="#000000"><param name="flashvars" value="server=vimeo.com&amp;player_server=player.vimeo.com&amp;cdn_server=a.vimeocdn.com&amp;embed_location=&amp;force_embed=0&amp;force_info=0&amp;moogaloop_type=moogaloop&amp;js_api=1&amp;js_getConfig=player35769757_2001182283.getConfig&amp;js_setConfig=player35769757_2001182283.setConfig&amp;clip_id=35769757&amp;fullscreen=1&amp;js_onLoad=player35769757_2001182283.player.loverLoaded&amp;js_onThumbLoaded=player35769757_2001182283.player.loverThumbLoaded&amp;js_setupMoog=player35769757_2001182283.player.loverInitiated"></object></div></div></div></body></html>

hoyois commented 12 years ago

The

hoyois / clicktoplugin

New Vimeo #18