Languages

Menu
Sites
Language
HW back button issue on Web app video page

Hi guys, i have a simple video player app.
I basically have two pages (index.hml, play.html)
index page has the menu, that opens the play.html page
play page has an embedded video. all works ok.

But, when the video plays, it doesn't play within the html page as embeded video should.
instead it plays on full screen. and it seems like it plays on some built-in player. Tired both ifram and html video tag, as embedding approach on the play.html. both approach has same issue.


Above issue... no problem. i can live with it. Problem is, i cannot use hw back button to go back to the index page! Pressing back button once or multiple times has no effect on the video/player. it continues to play the video. I think the even listener doesn't trigger, as the video is playing outside of my app/page.


My event listener registration is fine i think. as hw back button does work OK on the index page.

Same issue on the simulator and the device. on the simulator, mouse back button does the trick! it closes the player and it takes me to the index page! but i have no mouse on the device :(

On device "exit" button on the remote does work. it closes the video page/app. but does not bring back to the index page. Instead it kills the app and goes to tv home.

Can anyone advise me how to overcome this problem.

Here is the detail of the environment:


Using Tizen studio
Project type: Template> Tv-samsung v6.5 > Web Aplication> jQuery Navigation
Sdk : TV extensions- 6.5
Device: Samsung UN43AU8000FXZA TV-6.0
Simulator: T-Samsung 6.5-x86

No external hosted javascript used in the project,


Please let me know if you need any other information. thanks!

 

Edited by: Jay Das on 02 Jul, 2022

Responses

17 Replies
coalitions trengthen

Instead, it uses the whole screen. and it seems to be playing on a built-in player. As embedded on the play.html technique, I got tired with both the ifram and the html video element. The problem exists for both strategies. 

Harsh Kumar

To avoid this issue, web app developers can implement a solution where pressing the back button on the video page does not take the user out of the app but instead navigates them back to the previous section or page within the app. It can be achieved through the use of JavaScript and HTML5 history API.

Mark McDoe

That's interesting to hear. Someone I know is facing a similar issue. I'll suggest they try this solution and let you know if it worked for them.

Harsh Kumar

One solution to the back button issue on a web app video page is to use the HTML5 History API to manipulate the browser's history and provide a custom back button functionality.

Judson Hartman

Developers of web apps can add a feature whereby returning to a previous page or area of the programme is the result of using the back button on a video page. 

Lia

thx u

Ruby Wrenn

Cool stuff. Thanks for the post. Saved this blog!

specificebay paintermakeup

Using the browser's back button on a video page can take you back to the previous page or section of the app, a functionality that can be implemented by web app developers.

Patrick Graham

It seems like you're encountering an issue with your web app's video player and the hardware back button functionality. It's curious that the video is playing in full screen mode rather than within the embedded video player on the play.html page. This behavior might be related to the built-in player on the device. Additionally, the hardware back button doesn't seem to work as expected when trying to navigate back to the index page while the video is playing.

Your event listener registration appears to be correct since the hardware back button works fine on the index page. The fact that the mouse back button on the simulator can close the player and take you back to the index page suggests that the issue might be device-specific, especially since there's no mouse on the actual device.

The "exit" button on the device's remote does close the video app but doesn't provide the desired navigation back to the index page, instead sending you to the TV's home screen.

Given your environment details, which include using Tizen Studio and the Samsung TV SDK, it might be worth exploring the available documentation and community resources for specific workarounds or solutions to handle hardware button interactions and video playback behavior. It's possible that this behavior is a limitation of the TV's built-in player or a configuration that needs adjustment.

If anyone has encountered a similar issue or has expertise in Tizen development, your request for advice on overcoming this problem might yield some helpful insights. Be sure to provide any additional information if requested to get more accurate assistance. Good luck in finding a solution!

Mark McDoe

It seems like your web app's video player is playing in full-screen mode instead of within the embedded video player on the play.html page. The hardware back button doesn't work as expected when trying to navigate back to the index page while the video is playing. The issue might be device-specific since the mouse back button on the simulator works fine. The "exit" button on the device's remote doesn't navigate back to the index page, instead sending you to the TV's home screen. Check the Tizen Studio and Samsung TV SDK documentation and community resources for specific workarounds or solutions to handle hardware button interactions and video playback behaviour.

sanford

Ensure that you have set the appropriate dimensions for the video element in your play.html page. You can use CSS to define the width and height of the video element to control its size within the page. 

sanford

- Make sure there are no conflicting CSS styles or JavaScript code that may be affecting the video playback.
   - Test different video formats (e.g., MP4, WebM) to ensure compatibility with different browsers and devices.