Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
New Contributor
ibelkin
Posts: 2
Registered: ‎01-11-2013
My Device: Dev AlphaA
My Carrier: n/a
Accepted Solution

HTML5 Video doesn't play inline on Dev Alpha after updating to 10.9.9.339

Dev Alpha used to play HTML5 videos inline (similar to PlayBook), which allowed some cool design if you were careful.

After updating to 10.9.9.339 the videos no longer play inline (the device tries to play them fullscreen and displays video controls even though this wasn't specified as per HTML5 spec), and the page layout breaks.

 

I wasn't able to find a way to force videos to play inline as before, does anyone know how to do this on a BB10 device?

 

Here's a simple example of HTML:

 <video poster="photos/Poster.jpg" width="320" height="180" autoplay loop>
      <source src="videos/Video.mp4" type="video/mp4">

<!-- Fallback content -->
   <img width="320" height="180" src="photos/Poster.jpg" />
</video>

 

Appreciate your help!

 

Please use plain text.
BlackBerry Development Advisor
bryanhiggins
Posts: 187
Registered: ‎12-18-2012
My Device: Z10, Q10, Q5, Z30, Z3
My Carrier: Bell

Re: HTML5 Video doesn't play inline on Dev Alpha after updating to 10.9.9.339

Check out this thread:

 

http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/HTML5-Video-issue/m-p/2085959/hi...

Bryan Higgins
BlackBerry WebWorks
@bryanhiggins
Please use plain text.
New Contributor
ibelkin
Posts: 2
Registered: ‎01-11-2013
My Device: Dev AlphaA
My Carrier: n/a

Re: HTML5 Video doesn't play inline on Dev Alpha after updating to 10.9.9.339

Thank you Bryan,

The new behaviour is different (autoplay now also causes fullscreen), but the thread you've referenced did suggest a solution, that allows to play the video inline once.

 <video poster="photos/Poster.jpg" width="320" height="180" autoplay onplay="this.currentTime = 1;">
      <source src="videos/Video.mp4" type="video/mp4">
      <!-- Fallback content -->
   <img width="320" height="180" src="photos/Poster.jpg" />
</video>

I couldn't find an elegant way to support looping ("loop" attribute causes fullscreen on subsequent playback, even with the currentTime changed).

Hope there will be a standard way to do this.

Please use plain text.