Vimeo Full Screen button on iweb - CHANGED

open it in textEdit.app

in order to make changes it will tell you to make a duplicate - do it

I went into the original folder and renamed the original as Paste.js OLD

Then I took the duplicate, added the magical text, and saved it as Paste.js (deleting the .txt)

I wasn't able to save it to THAT folder, so I saved it to the desktop and since I had that (Applications/iWeb.app/Contents/Resources/Widgets/) folder already open, I dragged my new file over to it. Then deleted the original (now called Paste.js OLD) . And boom, success.

During all these steps the computer will ask for admin password. No biggie.

This fixed EVERY Vimeo html code across all sites. This little "hack" is awesome.

THANKS!!!!!!

Vimeo doesn't know the answer, so they make up excuses :

https://vimeo.com/forums/help/topic:277610

The iframe webkitallowfullscreen mozallowfullscreen attributes are depricated :

https://developer.mozilla.org/en/docs/Web/HTML/Element/iframe

You may want to try JavaScript to make it work :

http://www.google.com/search?q=javascript+iframe+allowfullscreen

Since the HTML Snippet is an iframe too you have to find the parent iframe from within the HTML Snippet with JavaScript.

Answer 27 helps to find the parent iframe :

http://stackoverflow.com/questions/935127/how-to-access-parent-iframe-from-javas cript

The solution in iWeb is rather simple after all. And Vimeo was right, but gave the impression to blame it on the users if it didn't work.

Option one :

1. Open the folder with your published website. Either on your disk or on the server.
2. Open the Scripts folder.
3. Open The Widgets folder.
4. Open the HTMLRegion folder.
5. Open file Paste.js in a plain text editor.

Locate this line :

'scrolling="no" marginheight="0" marginwidth="0" allowTransparency="true"></frame>';

Change it to :

'scrolling="no" marginheight="0" marginwidth="0" allowTransparency="true" webkitallowfullscreen mozallowfullscreen allowfullscreen></frame>';

by adding :

webkitallowfullscreen mozallowfullscreen allowfullscreen

Save the file.

Clear the Browsercache and reload the page with the vimeo video.

The Fullscreen icon will show.

Option two :

To make it permanent, copy the line below :

/Applications/iWeb.app/Contents/Resources/Widgets/

In the Finder do Command-Shift-G and paste the line. Hit Return.

Right-click file HTMLRegion.iwdgt and choose Show Package Content.

Open file Paste.js.

Make the changes as explained above.

If you did not use Option one, you need to republish the page, to make iWeb put the Paste.js file on the server.

Verify.

Without the changes, the Fullscreen icon did show in newer browsers. With the changes older browsers still will not show the Fullscreen icon.

And here's the result :

http://elcapitan.byethost17.com/ElCapitan/Vimeo.html

And for all those ElCapitan users, the pages were published by iWeb's FTP with ElCapitan on a 8 year old Alu iMac.

Good Old iWeb, still running strong. Awesome!

hey @Wyodor this sounds great, but I can't save the paste.js file

- it tells me "You don’t have permission to write to the folder that the file “Paste.js” is in."

and "You can duplicate this document and edit the duplicate. Only the duplicate will include your changes."

After quite some time searching around for answers, and some low-risk terminal efforts (mostly ignorant, i have no business messing around with that), i'm at a loss... Hoping to get iweb working again for Vimeo, thanks for any help!

I am trying option 2 and have the paste.js page open in safari but I can not cut or paste anything to it.

Ok, finally figured it out. I 'got info' on the HTMLRegion file, before 'showing package contents', and changed permissions on Everyone to Read and Write. Once the changes to Paste.js were made I set it back to read only.

Also - i noticed that when i opened paste.js in textedit, it created a copy, and it was that which was opened in textedit. So once the changes were made, I pulled the original to desktop as a backup, then renamed that copy by erasing the word 'copy' from its name in the finder.

It works - once you republish at Iweb. Many thanks

Wyodor: You are a genius. I'm referring to the [relatively] easy solution on how to have the fullscreen icon appear again on Vimeo videos. The only bugaboo for me was not opening the Paste.js file in textedit the first time around - it defaulted to opening in Safari. It's hard to make text changes in Safari, ha, ha...

Anyway, I owe you a pint.

But the reason I'm writing is not to fill your head with praise, but to pick up on another iWeb topic. You mentioned El Capitan. I'm sure you were following the discussion earlier this year involving me and Ethmoid and lots of others about linked images [and text boxes] becoming invisible, once published. This phenomenon seems to have arisen with El Capitan, causing me to keep one of my Mac's running Yosemite, so I can keep my 1,000 pages of iWeb safe. I always felt that was a javascript issue as well, but I don't have your savvy. So my question is: since you are using El Capitan does that mean you figured out a way to keep linked images from disappearing?

Richard

It worked! thanks so much! it helped me fix all my iframes after searching so many hours on google. Youtube, vimeo and custom carousel iframe embeds are all able to go full screen because of this!