Change a video url in code behind

Question

User-334723271 posted

If have this tag on the html5 side

<a class="player" id="encourage" runat="server" data-property="{videoURL:'https://www.youtube.com/watch?v=jbxg',containment:'#home', showControls:false, autoPlay:true, loop:true, mute:false, startAt:0, opacity:1, quality:'default'}"></a>

The user needs to be able to change which video will appear on the website - I need to be able change the videoURL in the code behind which will be queried from a database in my asp.net C# application.

Any suggestions? 

Thanks

Louie

Answer 1

User475983607 posted

Use code blocks,<% %>, and  a property.

<a class="player" 
            id="encourage" 
            data-property="{videoURL:'<%=VideoUrl %>',containment:'#home', showControls:false, autoPlay:true, loop:true, mute:false, startAt:0, opacity:1, quality:'default'}"></a>

    public partial class WebForm1 : System.Web.UI.Page
    {
        public string VideoUrl { get; set; }
        protected void Page_Load(object sender, EventArgs e)
        {
            VideoUrl = "https://www.youtube.com/watch?v=jbxg";
        }
    }

Answer 2

User-334723271 posted

Thanks, I tried that and still doesn't work on pageload. The video plays fine when url is in the tag - anything I do to change it in the code behind it doesn't work.

Answer 3

User-334723271 posted

Also on the html side it a blue squiggly line underneath  '<%=VideoUrl %>' on mouse over it reads "This is not a scriptlet. Will be output as plaintext."

Answer 4

User475983607 posted

Try removing the runat=server attribute.  Other than that I get markup that matches your original code.  Not sure what else I can do...

Answer 5

User475983607 posted

Also on the html side it a blue squiggly line underneath  '<%=VideoUrl %>' on mouse over it reads "This is not a scriptlet. Will be output as plaintext."

you want plain text.  Have you tried view the HTML source?  Perhaps share your code?

Answer 6

User-334723271 posted

That was it, Thanks.

Louie