Comments (10)
As far as I can see at the moment, it has to do with the resize (Dz.onresize)
Not really sure what's happening under the hood: but when you comment the transform on the body it should display the YT iframe contents. Even if I delay the transform on the body, let's say for 10 seconds, so I know for sure every asset has downloaded (even the ones used in the iframe) the contents of the iframe go black
You have any idea @paulrouget ?
from dzslides.
Hi @reagle,
I'm embarassed with your issue because it's not really DZSlide's fault :-(
It seems that firefox has troubles with flash and a little series of aspects. One of them is CSS3 scale. The very one we use in DZSlides.
If you take a look at those 2 issues you'll have more details and maybe you could provide them your test case :
Precise bug : https://bugzilla.mozilla.org/show_bug.cgi?id=647943
Main bug : https://bugzilla.mozilla.org/show_bug.cgi?id=90268
I know it's far from perfect but if you enable html5 on youtube, your problem will disappear : http://www.youtube.com/html5
I don't really see what DZSlide can do. I don't think we can go back on the auto resize thing, and the only way is to use scale.
Let me know what you think...
from dzslides.
Can we try to reduce the problem to a much simpler HTML/CSS code? It will be easier to debug firefox side.
from dzslides.
You mean having a test case for the firefox bugzilla ?
There's already one with the flash + CSS scale problem in https://bugzilla.mozilla.org/show_bug.cgi?id=647943. It has a dropbox link to http://dl.dropbox.com/u/7462968/buenafuente.html.
from dzslides.
@reagle @paulrouget up ?
from dzslides.
Sorry, I'm not sure what "up" means?
from dzslides.
You reported this issue, I just wanted to have your opinion on what we discussed here...
from dzslides.
I don't us FF that often (and will have to use HTML5 if I do), so I don't have an opinion other to note that it was an issue. (That is, I have no idea how to fix it.)
from dzslides.
Issue #91: I ask if dzslides could support autoplay of youtube videos via <iframe> on that particular slide only -- much as it behaves for webm files using
from dzslides.
This specific thread address a problem with CSS3 transform : scale(...)
property and flash contents like the flash YouTube player.
DZSlides uses this CSS property to adapt the presentation to the viewer browser size. Because of that flash contents like YouTube videos won't work properly.
On Firefox (13 as of today) a black rectangle replace the video and on WebKit (19 as of today) the video does not scale.
It seems to be more of browser problem. We're sorry for that.
If you need to embbed a YouTube video in your slides, take a look at #92.
from dzslides.
Related Issues (20)
- Notes in the embedder shell. HOT 7
- Chrome handling of mouse drag to select text inside scrollable area causes slide transition HOT 7
- role attribute and graphical editing tool
- Cannot control embedded YouTube videos on scaled players. HOT 1
- Allow arbitrary `incremental` html elements. HOT 1
- Links don't work in tablet (android) HOT 5
- PDF conversion HOT 10
- Named intra-slideshow links HOT 1
- HOME/END navigation seem to transition all slides HOT 4
- Android Webview doesn't work
- Links dead on android HOT 1
- slide change not reciprocated - onstage.html
- fullscreen videos
- comply with HTML parsing rules HOT 1
- WTFPL is unacceptable in some corporations HOT 3
- Integrate shells into the the main file HOT 1
- lists seem to be formatted wrong HOT 1
- broken URL for demo video: videos-cdn.mozilla.net → videos.cdn.mozilla.net HOT 3
- Details does not take text content HOT 9
- Video autoplay HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from dzslides.