www.webdeveloper.com
Results 1 to 6 of 6

Thread: How do I make an src dynamic?

Hybrid View

  1. #1
    Join Date
    Aug 2010
    Posts
    41

    How do I make an src dynamic?

    Hi

    I have been trying to figure out this all day and I can't seem to figure it out. If I have code such as
    Code:
    <video width="640"  height="360" src="http://www.youtube.com/demo/google_main.mp4"
    How would I make the youtube link dynamic through something such as a user inserted URL. I can't seem to figure out how to make that youtube link change.

    thanks a lot!

  2. #2
    Join Date
    Aug 2010
    Posts
    41

    javascript and php

    I was also thinking that I could either declare a variable with javascript or create a php POST form. I am not sure if it could be integrated into html, so please tell me if it can.

    thanks again!

    sorry for repost, 5 hours later

  3. #3
    Join Date
    Jul 2009
    Posts
    184

    Arrow I'm thinking PHP instead of javascript

    I really think a PHP form and a $_SESSION variable would be the way to go for changing a videos src attribute based on a users input:

    File: url_form.php
    Code:
    <?php
    session_start();
    ?>
    <html>
    <head>
    </head>
    <body>
    
    <video controls="controls" width="640"  height="360" src="
    <?php if (!empty($_SESSION['video_url']))
    {
    print $_SESSION['video_url'];
    $_SESSION['video_url']="";
    }
    else
    { 
    print 'http://www.youtube.com/demo/google_main.mp4';
    } ?>" >
    Sorry, your crappy Dinosaur of a browser doesn't support current technology. Please get a better one.</video>
    
    <form action="url_check.php" method="post">
    <h3>Choose another video by URL</h3>
    Video URL: <input type="text" name="user_url" value="" />
    
    <input type="submit" />
    
    </form>
    
    </body>
    </html>
    File: url_check.php
    Code:
    <?php
    session_start();
    
    if(isset($_POST['user_url']) && !empty($_POST['user_url']))
    {
    $user_url = $_POST['user_url'];
    
    
    $_SESSION['video_url'] = $user_url;
    
    header('location: url_form.php');
    }
    else
    {
    echo "I'm not going to change the video for you unfortunately. <a href="url_form.php">Go back</a> and fill in a URL please."; 
    }
    
    ?>
    I'm still kind of new to PHP myself, hopefully my example works for your purposes.

  4. #4
    Join Date
    Aug 2010
    Posts
    41

    cool idea

    hey cool idea. I couldn't get it to work, but I created some code for myself that also didn't work. Here is my code
    hello.html
    Code:
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
        <meta name="created" content="Tue, 10 Aug 2010 00:52:53 GMT">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title></title>
        
        <!--[if IE]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
      </head>
      <body>
    <form action="test.php" method="post">
    URL:<input type="url" name="test" />
    <input type="submit" value="Play" />
    </form>
      </body>
    </html>
    and test.php

    Code:
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
        <meta name="created" content="Tue, 10 Aug 2010 17:48:43 GMT">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title></title>
        
        <!--[if IE]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
      </head>
      <body>
    <video width="640"  height="360" src="<?=php $_POST["test"]; ?>"  controls autoplay>
    <p> Try this page in Safari  4! Or you can <a  href="http://www.youtube.com/demo/google_main.mp4">download the  video</a> instead.</p>
      </video>
      </body>
    </html>
    The php makes sense but it still doesn't work. If you could have a look itd be great! thanks

  5. #5
    Join Date
    Jul 2009
    Posts
    184
    You just need to fix a handful of syntax errors there, by the look of it.

    hello.html:
    line 17:
    your html5 attribute type="url" should maybe just be: type="text" I'm not familiar with that type.
    that same input should have: value=""

    test.php:
    line 16:
    <?=php should be: <?php

    src="<?=php $_POST["test"]; ?>" should be: src="<?=php print $_POST["test"]; ?>"

    and I don't think you can just put "controls autoplay". You need to declare them as:
    controls="controls" autoplay="autoplay"

    Try fixing those anyways.

  6. #6
    Join Date
    Aug 2010
    Posts
    41
    hey thanks for the help

    I finally got it to work sort of. It is producing a video box, but it has an X through it.

    Thanks again

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles