I'm having a problem where an element I'm trying to remove is still visible
I have a very simple XAML file
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Loaded="set_resize_listener">
<Canvas x:Name = "loader_canvas">
<Image x:Name="loader" Source="/community/images/loader.png" Width="710" Height="480" />
</Canvas>
<MediaElement x:Name="media" Width="710" Height="480" Source="feed.asx" />
</Canvas>
And here, I'm trying to remove the loader element as you can still see it showing behind the player once it starts playing
function buffer_start_check(sender, args)
{
var player = sender.findName("media");
if(player.BufferingProgress == 100)
{
player.removeEventListener("BufferingProgressChanged", buffer_token);
//Play the video
player.Play();
var loader_canvas = sender.findName("loader_canvas");
var loader_image = sender.findName("loader");
loader_canvas.children.remove(loader_image);
}
}
Even adding the following doesn't remove or hide the element
var loader_canvas = sender.findName("loader_canvas");
loader_canvas.width = 0;
loader_canvas.height = 0;
loader_canvas.visibility = "Collapsed";
var loader_image = sender.findName("loader");
loader_image.width = 0;
loader_image.height = 0;
loader_canvas.children.remove(loader_image);