Help with embedded JW-Player/I-Pad videos not working

10 replies
  • WEB DESIGN
  • |
Hi there,

I was wondering if anybody here can help me with figuring out how I get my embedded JW videos to work on I-Pads. Someone had already mentioned that I need to get the fallback options to work. Unfortunately, I don't know how to do that.

Please let me know if you can help me and I will then share more details here (the current code, etc.)

Thank you.

Ulrich
#embedded #embedded jwplayer #jwplayer or ipad #videos #videos not working #working
  • Profile picture of the author Brandon Tanner
    What format is the video in? If it's Flash, then it won't work on iPad's / iPhones. If it's in a format other than Flash, then post the URL to the webpage and I'll be happy to take a look at the code.
    Signature

    {{ DiscussionBoard.errors[7166271].message }}
    • Profile picture of the author ulrich72
      Brandon, thank you very much for helping me out here. The format of the video is mp4. I know for a fact that it's not the format, because I can easily access and play the videos directly from their location (amazon s3) - however, is does not work when I use the embedded JW-Player. I was told that I need to get the "fallback options" straightened out. I have zero knowledge when it comes to coding, so any help a 3 grader would be able to comprehend is certainly greatly appreciated.

      Below is a link to a testpage I created which is a 1:1 of one of my actual pages.

      testpage | guitaringenuity.com
      {{ DiscussionBoard.errors[7166381].message }}
      • Profile picture of the author ulrich72
        Here is the code - might be easier that way:

        <br/>
        <?php
        // Configuration.
        $s2_jw_config["jwplayer"] = "/jwplayer/"; // Relative URL path to JW Player files directory.
        $s2_jw_config["mp4_video_file_name"] = "Beginners Course/Checkpoint 1/Checkpoint1.mp4"; // Name of your MP4 test file.
        // Don't edit anything else below unless you know what you're doing.
        ?>
        <div id="jw-container">JW Player® appears here.</div>
        <script type="text/javascript" src="<?php echo $s2_jw_config["jwplayer"]; ?>jwplayer.js"></script>
        <?php /* A direct URL to the RTMP source; counting the file against the current User in real-time. */
        $cfg = array ("file_download" => $s2_jw_config["mp4_video_file_name"], "url_to_storage_source" => true, "count_against_user" => true); ?>
        <?php /* API Function `s2member_file_download_url()` returns false if access is denied to the current User. */
        if (($mp4 = s2member_file_download_url ($cfg, "get-streamer-array"))) { ?>
        <script type="text/javascript">
        jwplayer("jw-container").setup({modes: /* JW Player®. */
        [
        /* First try real-time streaming with Flash® player. */
        {type: "flash", provider: "rtmp", src: "<?php echo $s2_jw_config["jwplayer"]; ?>player.swf",
        config: {streamer: "<?php echo $mp4["streamer"]; ?>", file: "<?php echo $mp4["file"]; ?>" } },

        /* Else, try an HTML5 video tag. */
        {type: "html5", provider: "video",
        config: {file: "<?php echo $mp4["url"]; ?>" } },

        /* Else, this is a safe fallback. */
        {type: "download", /* Download the file. */
        config: {file: "<?php echo $mp4["url"]; ?>" } }
        ],
        /* Set video dimensions. */ width: 660, height: 390
        });
        </script>
        <?php } else /* Access is denied to the current User. */ { ?>
        Sorry, you do NOT have access to this file.
        <?php } ?>
        <br/>
        {{ DiscussionBoard.errors[7166570].message }}
      • Profile picture of the author Brandon Tanner
        Just had a quick look at the source code on that page, and it appears that you're missing some code there. For example, if you're trying to do the "quick embed" method... then where it says "JW Player appears here", you need to reference the Javascript file AND the video file there (at a minimum). For the regular embed method, it's a lot more code than that.

        This page describes both methods in detail...

        JW Embedder Reference Guide | LongTail Video | Home of the JW Player

        BTW- nice looking site!
        Signature

        {{ DiscussionBoard.errors[7166572].message }}
        • Profile picture of the author ulrich72
          Brandon, I appreciate the input. I conceptually understand what you are saying and I will try to figure out how - with the help of the links you provided - I can straighten that out. I may have to get back to in case I get stuck, but I'll give it at shot.

          Thanks for the compliment on the site. 6 months ago, I dumped all my weird little and excruciatingly unsuccessful sites and created something that is 100% authentic, I stand behind everything I do on that site.
          {{ DiscussionBoard.errors[7166605].message }}
          • Profile picture of the author Brandon Tanner
            I just noticed that you're using Wordpress, so it might be easier if you use the plugin instead of hand coding it...

            WordPress › JW Player for WordPress
            Signature

            {{ DiscussionBoard.errors[7166641].message }}
            • Profile picture of the author ulrich72
              I actually have that plugin installed already, but I haven't tinkered with the settings yet. Also, I think I need to read their doumentation more thoroughly. Let's see, maybe I can figure it out....
              {{ DiscussionBoard.errors[7166680].message }}
  • Profile picture of the author ulrich72
    @xuled, by some sort of communication media, are you thinking of email etc.? Sorry, I'm new and a little thick....
    {{ DiscussionBoard.errors[7170515].message }}
  • Profile picture of the author Masinizator
    Why so to complicate? On any post -> Add media -> Add external media (yoursite.com/video/your_video.flv) -> Embed JW player.
    Thats it! Without long codes!
    {{ DiscussionBoard.errors[7172558].message }}
    • Profile picture of the author ulrich72
      Masinizator, thank you for your input. I'm not code savvy and I basically just followed the instructions I was given initially. And it works fine except when it comes to I-Pads.

      I will try your suggested method and report back. Thanks.

      Ulrich
      {{ DiscussionBoard.errors[7174030].message }}

Trending Topics