When looking at my video player app yesterday morning, I noticed some odd behavior on the AS3 Chromeless player.
When using the setSize function as documented in the API, the giant play button that overlays the video is now suddenly becoming very large, not even close to the dimensions specified. However, once the play button is clicked, the video player itself is fine. This is throwing off all of the positioning in my app, and looks terrible.
I assume something changed on the Chromeless Player, but I need to get this to work sooner rather than later. Is anyone else experiencing this issue / does anyone have a work around?
Thanks for the help!
Each time you set the size, force a redraw. Its gonna do that when you click it, and apparently, in your case, doesn't.
This is a known problem with the Google Data API for Youtube. People seem to be clamoring for a fix, although Google has not been very responsive.
Related
For some reason, my Yahoo email tab sporadically plays audio from the beginning of an ad. The audio is definitely coming from this tab because it shows the small audio icon while it plays. I'm looking for some help using Chrome's Developer Tools. When I hear the audio clip, I have the Developer Tools open and I reference the [Network] tab, but I don't see any audio files referenced. I think it might be part of JavaScript. I'm looking for some guidance on how to isolate the source of the audio. Yahoo support was zero help.
Credit to #wOxxOm:
In DevTools, Sources, Event Listener Breakpoints, set breakpoints on all Media then wait till the sound is played or trigger it if you can. Then you should get some minified JS code, which you can pretty-print for easier reading, although the code is still minified and thus obfuscated so you have to kind of guess what it's doing. In my case, the code stopped on an ended event, but not on play. Still, I was able to find the code that actually played the sound - it went something like:
(h = e.play()) ? h.then(()=>{
a.Pa.info`Playing ${e.src}`;
a.ta = !0
}
and hovering over src (I could also have inspected e in that context to find src) showed me the URI for an mp3 that was the sound I was looking for! Breakpoints set on WebAudio did not work in this case - maybe it depends on the type of audio media being played? But I found the mp3 I was looking for! (Not saying what it was, but it was a very short clip - about 2 seconds - and as I understand it, samples below a certain length are not copyrightable, although I'm not 100% sure about that, so beware - as it is, I intend to use it for a personal, non-commercial project.
Follow these Steps to get the URL of the audio
Open the web page
Inspect the web page
Go to the Sources tab
Expand the Event Listener Breakpoints dropdown
Expand the Media dropdown
Mark the playing checkbox
Using froogaloop (the js api provided by vimeo) I was able to play two videos at the same time on desktop and android phone but this isn't working on ipad.
It's a video of someone commenting the first video so I also need the first video to be muted (also ok on desktop and android phone).
On ipad, it seems like the first video shortly enters the playing state and stops when the second starts, as if there were an hard-coded limitation on the player that prevent both videos from playing at the same time.
Ipad is also the only platform where I see the "undock" button, which could explain the hard limitation.
Is there a way to play 2 videos at the same time, one muted, the other at full volume ?
First, vimeo has relased its new api recently and froogalops won't be maintained anymore, yet still working. I' don't know wether this release brings any changes in respect of ios
Second, your question is not super clear to me, as it seem you manage to do what you wanted, except on ipad (what ios version and what about other ios devices), while your title and your bottom line is
Is there a way to play 2 videos at the same time, one muted, the other at full volume ?
and not ? Is there a way to play two vimeo video at the same time on ipad or ios ?
Third, vimeo provides the posibility to add autopause=0 in the url of your embeded video, this prevent the vimeo video curently playing to be paused when another one is started.
It works on desktop and android but haven't tried the behaviour on ipad yet as Ì don't have one in hand at the moment.
Finally, after some seach, it seems that this question may be asked regarding ios at large, and not solely ipad, and in this respect this post might be usefull for you
Not sure if it helps, as your post is 7 month old, but if you provide your code I may give a second try.
Cheers
I've been trying to replicate this effect apple has on their website. I have been able to do the stop & start effectively on scroll but the reverse playback is an issue.
I've searched and old solutions on the website point to a reverse video which i've done but given that apple has done it for both ipad air and mac pro, I am sure there is a new solution.
Do let me know if you have been able to figure it out. I checked the website, they only use one video.
Thank you so much.
Apple reference
Neat. So they have one big video file (named 'story.mp4') which contains all the transitions. Then have code that can ask the video to play from one point in the file to another point, rather than playing from start straight through to finish.
But you've figured out that much and you want to know how to play parts of the video in reverse? Perhaps this question and answer will help: Is it possible to play HTML5 video in reverse? According to that, it comes down to setting the media element's playbackRate to -1.
Very recently, after the latest Chrome update which includes Adobe Flash Player Version: 12.0.0.41, a flash app that's been running smoothly for years has begun to "hiccup" during one particular function.
Normal behavior - User logs in to app. App grabs some xml files then draws a calendar onscreen.
Hiccup behavior - User logs in to app. App grabs the xml files but feezes before executing the loadComplete function (according to trace). By freezes, I mean the little load spinner remains onscreen but stops spinning and the calendar doesn't appear onscreen.
Interesting/maddening notes - The mouse cursor responds as if the calendar has been drawn (arrow changes to pointer when mouse passes over an invisible calendar day) but according to my trace log the loadComplete and showCal functions haven't fired.
ALSO, any call to a function unfreezes the glitch (e.g. clicking an invisible calendar day, mousingOver a control button, etc. Anything that triggers a function.) and bam! everything's there and the trace log completes as it should.
As stated, this glitch only occurs in Chrome with the latest Flash Player update (12,0,0,41).
Installing the mozilla version of the flash player debugger (12,0,0,43) and instructing chrome to use it instead fixes the glitch, but using it in chrome opens up a whole new can of worms when it comes to flash player glitches (as is to be expected).
Maybe there's nothing I can do and it's just a fault with the latest Chrome flash player build, OR...
There's something fundamentally wrong with my code and Chrome's latest flash player is the only plugin that glitches on my "wrong" code?
I'll happily include some code snippets if someone is convinced my code is the problem but am leaving them off for now since this question is enormous. (you're a trooper for sticking with it)
I'm hoping someone else has experienced this or can at least explain it/fix it. Thanks in advance.
I'm seeing very similar symptoms on an application I work on Frankenscarf. All workarounds have been ineffective thus far. I can confirm it is specific to 12.0.0.41 Pepper Flash. I think you might need to wait for google to fix the lasted release...
I am also having problems with Flash 12.0.0.41 on YouTube, videos very laggy and dropping frames all the time even making the video stutter on 320p. I have disabled Chromes built in Flash player though Chrome://plugins, installed Chrome 11.7.700.260 and now have the videos running smoothly even at 1440p. Hopefully they will sort out the bugs soon.
I wasn't able to edit my original post...
UPDATE: I managed to get a workaround going. I set up a periodic timer (triggering every 500ms), that calls invalidateDisplayList() in my largest container. It is horrible, but it works....
All of a sudden the chromeless YouTube API is displaying the native overlay play button.
This is reproducible on the YouTube Demo page (https://developers.google.com/youtube/youtube_player_demo, set type to display an AS3 chromeless player).
Is anyone else experiencing this?
I am also experiencing strange behavior while setting dimensions of the player, and modestbranding logo is sometimes completely out of the video area. This is happening since yesterday, before that it was jsut fine
Did they changed something in the API? Anyone else experiencing problems as well?