SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru
    Join Date
    Nov 2004
    Location
    calif
    Posts
    723
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with FlowPlayer code

    This code (below) works successfully inside <video> tags as a flash fallback solution.
    Now that I have the Flowplayer installed, I'm wondering if this part of this line needs to be changed:

    Code:
    data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"
    Can you please tell me what this (data="...) part of the line is for?

    Code:
    <object class="vjs-flash-fallback" width="640" height="264" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
    <param name="movie" value="[var.base_url]//flowplayer/flowplayer-3.2.16.swf" />
    <param name="allowfullscreen" value="true" />
    <param name="flashvars" value='config={"playlist":["[var.base_url]/[var.thumb_file]", {"url": "[var.base_url]//uploads/[var.video_play]","autoPlay":false,"autoBuffering":true}]}' />
    <!-- Image Fallback. Typically the same as the poster image. -->
    <img src="[var.base_url]/[var.thumb_file]" width="640" height="264" alt="Poster Image" title="No video playback capabilities." />
    </object>
    Thanks

  2. #2
    SitePoint Member
    Join Date
    May 2013
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've had trouble working though off site url's. It best if down load the code from flowplayer and load them onto your server.

    Audio portion: http://flash.flowplayer.org/plugins/...ing/audio.html Scroll to bottom of page and down load 3 files
    flowplayer.audio-3.2.10.swf
    flowplayer.audio-3.2.10.zip
    flowplayer.audio-3.2.10-src.zip

    Place them in root directory.(ex.) Flow-Player-Audio

    Place this script in head

    <script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js">
    </script>

    <script src="http://www.domain.com/Flow-Player-Audio/flowplayer-3.2.6.min.js"></script>



    <!-- set up player container -->
    <a id="mb" style="display:block;width:250px;height:30px;"
    href="http://www.domain.com/audio/something.mp3 or mp4"></a>

    <script type="text/javascript">
    // install flowplayer into container
    $f("mb", "http://www.domain.com/Flow-Player-Audio/flowplayer-3.2.7.swf", {

    // fullscreen button not needed here
    plugins: {
    controls: {
    fullscreen: false,
    height: 30,
    width: 250,
    autoHide: false
    }
    },

    clip: {
    autoPlay: false,
    // optional: when playback starts close the first audio playback
    onBeforeBegin: function() {
    $f("player").close();
    }

    }

    });
    </script>

    For video

    down load
    http://flash.flowplayer.org/download/

    grab Download ZIP and Source code

    place in swf file on server

    script files

    <!-- 1. jquery library -->
    <script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js">
    </script>

    <!-- 2. flowplayer -->
    <script type="text/javascript" src="js/flowplayer.js"></script>

    <!-- 3. skin -->
    <link rel="stylesheet" type="text/css" href="skin/minimalist.css" />


    then just add your video tags.

  3. #3
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This looks like HTML5 code to me. Flash is the usual popular fallback option.


Bookmarks

Posting Permissions

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