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
Developer
srk2012
Posts: 672
Registered: ‎12-04-2012
My Device: BlackBerry 8520
My Carrier: Airtel
Accepted Solution

please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles

please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles.

 

 

I dont want my url to be shown to the users, and user should directly play the video or watch the video.

 

 

 

Pleae it is really  Urgent 

Please use plain text.
Regular Contributor
yamafarooq
Posts: 65
Registered: ‎01-03-2013
My Device: 9810
My Carrier: Tmobile

Re: please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles

are you working on website or mobile application ?

-----
Please press the like button to thank the user that helped you.
Accept as a solution if it solved the problem.
Cheers
Please use plain text.
Developer
srk2012
Posts: 672
Registered: ‎12-04-2012
My Device: BlackBerry 8520
My Carrier: Airtel

Re: please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles

No it is html5 /web application , a LIVE TV based app which plays the channel video with rtsp link /url 

Please use plain text.
Regular Contributor
yamafarooq
Posts: 65
Registered: ‎01-03-2013
My Device: 9810
My Carrier: Tmobile

Re: please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles

Please check the code, i am using HTML5 and URL to play a video online

 

<!DOCTYPE html>
<html>
<head><link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script></head>
<body>
<video id="my_video_1" class="video-js vjs-default-skin" controls
  preload="auto" width="640" height="264" poster="my_video_poster.png"
  data-setup="{}">
  <source src=http://techslides.com/demos/sample-videos/small.webm type=video/webm>
</video>

</body>
</html>

 you need to add your URL and it should work , accept as sloation if it work

-----
Please press the like button to thank the user that helped you.
Accept as a solution if it solved the problem.
Cheers
Please use plain text.
Developer
srk2012
Posts: 672
Registered: ‎12-04-2012
My Device: BlackBerry 8520
My Carrier: Airtel

Re: please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles

My code on .html is   in this format

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YuppTV</title>
<link href="s40-theme/css/s40-theme.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="js/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="s40-theme/js/screensize.js"></script>
<script language="javascript" type="text/javascript" src="js/main.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="mwl-2.0.js"></script>
<script>
$(document).ready(function() {
$(".tab_one").click(function (e) {
e.preventDefault();
$(".tab_one").addClass("selected").not(this).removeClass("selected");
});
});
</script>

</head>
<body onload="xmlDataSource.init(),setTimeout(function() { window.scrollTo(0, window.innerHeight) }, 100);" >
<div class="ui-page">
<!-- header -->
<div class="ui-header" id='test'>
<table class="header_table" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="header_table_td_height"><div class='ui-title'><img src="logo.png" width="200" height="60"></div></td>
</tr>
<tr>
<td class="header_table_td_height" ><div class='ui_text_show' id="headertext" style="display: block;">Please select your desired Language. </div></td>
</tr>
</table>
</div>
<div class="ui-content" >
<div id="tabs" style="display:none;">
<table>
<tr>
<td width="33%"><div onclick="LoadParser('2g');" class="tab_one selected">2G : Low</div></td>
<td width="33%"><div onclick="LoadParser('3g');" class="tab_one">3G : MEDIUM</div></td>
<td width="34%"><div onclick="LoadParser('wifi');" class="tab_one">WIFI : HIGH</div></td>
</tr>
</table>
<!--<ul>
<li><div onclick="bandtype='Low';test_fn('2g');" class="">2G : Low</div></li>
<li><div onclick="bandtype='Medium';test_fn('3g');">3G : MEDIUM</div></li>
<li><div onclick="bandtype='High';test_fn('wifi');">WIFI : HIGH</div></li>
</ul>-->
</div>

</div><div class="ui-category-list" id="accordian" >

</div>
</div>

<div id="back" onclick="xmlDataSource.init();hideTab();">
<span class='back_btn'>Back</span>
</div>
</body>
</html>

 

 

 

Please use plain text.
Regular Contributor
yamafarooq
Posts: 65
Registered: ‎01-03-2013
My Device: 9810
My Carrier: Tmobile

Re: please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles

I dont know what are you looking for... 

 

I add the video player in your code check and chage the palce as per your wish 

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YuppTV</title>
<link href="s40-theme/css/s40-theme.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="js/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="s40-theme/js/screensize.js"></script>
<script language="javascript" type="text/javascript" src="js/main.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="mwl-2.0.js"></script>


<!-- this is for the video player -->


<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>


<script>
$(document).ready(function() {
$(".tab_one").click(function (e) {
e.preventDefault();
$(".tab_one").addClass("selected").not(this).removeClass("selected");
});
});
</script>
</head>
<body onload="xmlDataSource.init(),setTimeout(function() { window.scrollTo(0, window.innerHeight) }, 100);" >
<div class="ui-page">
<!-- header -->
<div class="ui-header" id='test'>
<table class="header_table" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="header_table_td_height"><div class='ui-title'><img src="logo.png" width="200" height="60"></div></td>
</tr>
<tr>
<td class="header_table_td_height" ><div class='ui_text_show' id="headertext" style="display: block;">Please select your desired Language. </div></td>
</tr>
</table>
</div>
<div class="ui-content" >
<div id="tabs" style="display:none;">
<table>
<tr>
<td width="33%"><div onclick="LoadParser('2g');" class="tab_one selected">2G : Low</div></td>
<td width="33%"><div onclick="LoadParser('3g');" class="tab_one">3G : MEDIUM</div></td>
<td width="34%"><div onclick="LoadParser('wifi');" class="tab_one">WIFI : HIGH</div></td>
</tr>
</table>
<!--<ul>
<li><div onclick="bandtype='Low';test_fn('2g');" class="">2G : Low</div></li>
<li><div onclick="bandtype='Medium';test_fn('3g');">3G : MEDIUM</div></li>
<li><div onclick="bandtype='High';test_fn('wifi');">WIFI : HIGH</div></li>
</ul>-->
</div>

</div><div class="ui-category-list" id="accordian" >
</div>
</div>

<!-- I am adding the video player in here but you can change the place --> 
<div>
<video id="my_video_1" class="video-js vjs-default-skin" controls
  preload="auto" width="640" height="264" poster="my_video_poster.png"
  data-setup="{}">
  <source src=http://techslides.com/demos/sample-videos/small.webm type=video/webm>
</video>
</div>


<div id="back" onclick="xmlDataSource.init();hideTab();">
<span class='back_btn'>Back</span>
</div>
</body>
</html>

 

-----
Please press the like button to thank the user that helped you.
Accept as a solution if it solved the problem.
Cheers
Please use plain text.
Developer
srk2012
Posts: 672
Registered: ‎12-04-2012
My Device: BlackBerry 8520
My Carrier: Airtel

Re: please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles

Ok I think it will definitely work. Thank You

 

 

I will update once I implement ur video player code .

 

 

Please use plain text.
Regular Contributor
yamafarooq
Posts: 65
Registered: ‎01-03-2013
My Device: 9810
My Carrier: Tmobile

Re: please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles

Your welcome, can please accept it as a solution and press like button in all the you posts I have replyed ?

-----
Please press the like button to thank the user that helped you.
Accept as a solution if it solved the problem.
Cheers
Please use plain text.
Developer
srk2012
Posts: 672
Registered: ‎12-04-2012
My Device: BlackBerry 8520
My Carrier: Airtel

Re: please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles

I have copied the same html code and pasted the same in my .html page.

 

 

When I have tested it on the device the video was playing but the borwser is showing my addresbar and the url ,which  should not.         before playing the video.

 

Please adjust iit in such a way that my url is not shown to the users and it directly connects to the vidoe player and plays the video with ur video player tag or code.

Please use plain text.
Regular Contributor
yamafarooq
Posts: 65
Registered: ‎01-03-2013
My Device: 9810
My Carrier: Tmobile

Re: please guide How to hide teh address bar and URL if possible in the browser in a web app for BB 7.0 OS mobiles

The easy way will be using frameset tag. Create a HTML file and add your video player, in your page add the tag frameset and call the HTML file, the user will not be able to view the address of frameset

 

<frameset cols="25%,*,25%">
  <frame src="videoplayer.htm">
</frameset>

<!-- you can use cols="value,*,value" to set the size of frameset -->

 

 

 

 

-----
Please press the like button to thank the user that helped you.
Accept as a solution if it solved the problem.
Cheers
Please use plain text.