Flowplayer playlist stops after playing the first clip

I am having issues with my flowplayer configuration, as it is not behaving as I expected. After the first video ends, I want the second and subsequent videos to play automatically. Can anyone provide some guidance on how to achieve this?

$f("player", "/flowplayer/flowplayer.commercial-3.2.11.swf", {
key: '#$*******************',
logo: {
    url: 'logo.png',
    fullscreenOnly: false,
    displayTime: 11,
    top: 195,
    left:  400.25,
    fadeSpeed: 1100,
    opacity: 0,
    linkUrl: 'http://www.mysite.com',
    linkWindow: '_blank'

},

clip: {
    autoPlay: true,
    autoBuffering: true,

    onCuepoint: [[00,5000,13000,30000,39000,47000,53000,67000,75000,86000,100000,110000,118000], function(clip, point) {
        info.innerHTML = '<iframe src="cue_player.php?id=3716&time='+ point+'" height="490" width="730" frameborder="0" scrolling="no"></iframe>'
    }],

    // track start event for this clip
    onStart: function(clip) {
        _tracker._trackEvent("Videos", "Play", "");
    },

    // track pause event for this clip. time (in seconds) is also tracked
    onPause: function(clip) {
        _tracker._trackEvent("Videos", "Pause", "", parseInt(this.getTime()));
    },

    // track stop event for this clip. time is also tracked
    onStop: function(clip) {
        _tracker._trackEvent("Videos", "Stop", "", parseInt(this.getTime()));
    },

    // track finish event for this clip
    onFinish: function(clip) {
        _tracker._trackEvent("Videos", "Finish", "");
    },

    provider: 'rtmp'
}, 
playlist:[      {                 
        url: 'first_clip.mp4', 
        start: '0'
        },
        {
            url:'second_clip.mp4',
        }],  

    plugins: {
        rtmp: {
            url: '/flowplayer/flowplayer.rtmp-3.2.10.swf',
            netConnectionUrl: 'rtmp://video.mysite.com/videostream'
        }
    }
}

);

javascriptflowplayerplaylist

Answer №1

It is uncertain, but there is a possibility that the presence of a hanging comma in the second object could lead to an error that may hinder the desired outcome:

playlist:[      {                 
        url: 'first_video.mp4', 
        start: '0'
        },
        {
            url:'second_video.mp4', //Would eliminating this comma resolve the issue?
        }],

Answer №2

Finally, after some trial and error, I was able to solve the issue at hand. This was my initial setup:

playlist:[{                 
    url: 'first_clip.mp4', 
    start: '0'
    },
    {
        url:'second_clip.mp4', //I wondered if removing this comma would make a difference
    }],

However, the breakthrough came when I added "/mp4:" before the file name. Now the corrected code looks like this and it functions properly:

playlist:[{                 
    url: 'mp4:first_clip.mp4', 
    start: '0'
    },
    {
        url:'mp4:second_clip.mp4', //I questioned whether removing this comma would have any impact
    }],

It may or may not be significant, but it's worth mentioning that I am utilizing a video server instead of a traditional web server for video delivery.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Styling is lost in FancyBox popup when loading Partial View

I've been attempting to incorporate a partial view into my MVC project using fancybox. It seems to be loading the content correctly, mostly anyway, as it tends to cut off part of the page and loses all styling from the view upon loading. Even after i ...

javascriptjquerycssasp.net-mvcfancybox

Adjust the color of an SVG icon depending on its 'liked' status

In my React/TypeScript app, I have implemented an Upvote component that allows users to upvote a post or remove their upvote. The icon used for the upvote is sourced from the Grommet-Icons section of the react-icons package. When a user clicks on the icon ...

javascriptreactjstypescriptsvgreact-icons

Loop through different JSON objects with unique values using ng-repeat

I am facing an issue with a JSON file that contains three different objects for each area, and I need some help. Here is an example: { "gebieden":"Antwerpen", "onderwerpen":"Gemiddeld netto inkomen per belastingsplichtige", "data_2005":"15084, ...

javascriptangularjsjsontwitter-bootstrapangularjs-ng-repeat

Vue is unable to capture Cordova events

Creating a hybrid app using Cordova while incorporating VueJS for routing and AJAX requests has presented some challenges for me. Despite my efforts, I have been unable to capture certain Cordova events. Even the essential deviceReady event seems to be el ...

javascriptcordovavue.js

Tips for displaying the html content saved in the database onto an ejs webpage

This task seems simple, but I'm struggling to solve it. In my Node.js/Express webapp, I have the Quill.js editor installed. It stores my description in MySQL DB like this: <p><strong>This is the quill data. How are we doing dev?</stron ...

javascripthtmlnode.jsexpressejs

What could be causing the "length" property of undefined error when attempting to install React-Bootstrap with the command "npm i react-bootstrap"?

Currently, I am working my way through a comprehensive MERN full-stack tutorial. So far, things have been going smoothly - I used the "npx create-react-app" command to set up the react application and everything is compiling and running perfectly. Howeve ...

javascriptreactjstwitter-bootstrapnpmvisual-studio-code

What is the best way to handle an ajax call while working with the main Vue instance?

I have a VueJS component that makes an AJAX call to GitHub using the following code: (Child) Component Vue.http.get('user/repos').then((response) => { console.log(response); }, (response) => { console.log(response); }); The issue ...

javascriptajaxvue-componentvue.js

Experiencing problems with the response from the Netlify Lambda function.. consistently receiving undefined results

I've been working on setting up a lambda function to handle authentication, validation, and sending of a contact form. As I'm new to lambda functions, my code might have some flaws. However, despite my efforts, I am struggling to modify the resp ...

javascriptnode.jsvue.jsaws-lambdanetlify

Timeout error of 10000ms occurred while using await with Promise.all in Mocha unit tests

Document: index.ts // Default Exported Classes getItemsA() { return Promise.resolve({ // Simulating API call. Mocking for now. success: true, result: [{ itemA: [] }] }); } getItemsB() { return Promise.resolve({ // Simulating API cal ...

javascriptnode.jsunit-testingpromisemocha.js

JavaScript file slicing leads to generating an empty blob

I am currently working on a web-based chunked file uploader. The file is opened using the <input type="file" id="fileSelector" /> element, and the following simplified code snippet is used: $('#fileSelector').on('change', functio ...

javascripthtmlchunking

What is the reason for the viewport in three.js renderer not functioning properly on IE browser?

Try setting the viewport with different coordinates: this.renderer.setViewport(50, -50, this.width, this.height); What could be causing issues with IE browser compatibility? ...

javascriptthree.js

There seems to be an issue with the functionality of ChartJS when used

Currently working on a project that involves creating a chart using chartjs.org. I have retrieved data from my database in a PHP document and saved it into a JSON file: print json_encode($result->fetch_all()); The resulting data looks like this: [["1 ...

javascriptphpjqueryajax

Designing a platform for dynamic components in react-native - the ultimate wrapper for all elements

export interface IWEProps { accessibilityLabel: string; onPress?: ((status: string | undefined) => void) | undefined; localePrefix: string; children: JSX.Element[]; style: IWEStyle; type?: string; } class WrappingElement extends React.Pure ...

javascriptreactjstypescriptreact-native

GIF Embeds with a Discord.js Bot

My bot is currently sending random gifs, but they are not embedded. I would like to send random gifs with embeds instead. How can I achieve this? Here are the codes: if (msg.author.bot) return; if (msg.content.toLowerCase() === prefix + 'xgif&ap ...

javascriptnode.jsdiscorddiscord.js

Utilizing express-session and passport to initiate a new session for each request

Currently working on developing an e-commerce platform, both front and back-end. Using express and passport for a basic login/register system. The issue I'm facing is that every time a page with a request is accessed, a new session is created and stor ...

javascriptmongodbexpresspassport.js

Is there a way to retrieve the current object as a JSON string from inside the object using either jquery or javascript?

Looking for a way to return the current instance as a JSON text so that the values can be sent via an ajax request to a server-side script. Uncertain about where to apply the "this" keyword in a jQuery selector function Actor(){ this.input=function(pnam ...

javascriptjqueryjsonoop

Discover the following `<td>` identifier through the act of clicking on a separate `<td>` element

I have a few td's with specific ids: <td id="first">first</td> <td id="second">second</td> <td id="third">third</td> <td id="fourth">fourth</td> Whenever I click on one of the td elements, I want to re ...

javascriptjqueryhtml-table

Having trouble exporting a static HTML file using Next.js

https://i.stack.imgur.com/xQj7q.pngI'm a beginner in the world of React. Recently, I completed a project where I utilized "next build && next export" in my package.json file for static HTML export. By running the npm run build command, an out folder w ...

javascriptreactjsnext.js

Unable to pass on error from Express server to React client app

Background Overview In my project, I've implemented a React component named 'Register.jsx' where users can input their desired username and password. Upon clicking the submit button, this information is transmitted to an Express backend whi ...

javascriptreactjsexpress

Is it possible to use JavaScript to load, edit, and store text files?

Hey there, I have a text file that needs some find and replace operations done on it within the browser. My coding skills are still in the beginner stage, so creating web apps from scratch feels overwhelming right now. All I want to do is upload the file, ...

javascriptregexhtmltextfileapi