New answers tagged html
not disagreeing with @jukka's opinion on using img / elements, but here's another version using input /s http://jsfiddle.net/leaverou/CGP87/light/
Dropdowns in html forms expand by default when they get focused and the down arrow key is pressed. So yes, I would recommend implementing this in your widget as many users certainly have taken this habit whereas only few of them might be comfortable with combined keys shortcuts like ALT+DownArrow.
I would look at JQuery carousels and image sliders, then format them to fit in a div within your phone image. Some of them handle video as well as images... here's a quick hit I found http://designscrazed.net/free-responsive-jquery-carousel-slider-plugins/ I've used Flexslider myself and found it to be very configurable: http://flexslider.woothemes.com/ ...
It may not be 100% what you are looking for but we use http://placeit.net at our work and found it to be very good. It is not a free service but is relatively inexpensive.
Top 50 recent answers are included