Solved

play multiple videos hdml 5

Posted on 2015-02-10
2
88 Views
Last Modified: 2015-02-24
Hi I have a video playing from a folder using following source code.

Q1.  can I play multiple videos in the one video box. e.g. movie1, movie2 & movie3 all from local drive
Q2. I am also wondering is if say movie3 is missing can the code skip it and just play movei1& move2 in a loop


thanks for any help
win7 XAMPP server

<video width="320" height="240" autoplay>
   <source src="movie1.mp4" type="video/mp4">
   <source src="movie1.ogg" type="video/ogg">
 Your browser does not support the video tag.
</video>

Open in new window

0
Comment
Question by:paddy086
2 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 40601267
There are methods in the pipeline that may support that but no browser supports the new methods yet.  You will need a script to "watch" the video and detect the end of the current selection by testing the "ended" property and then change the "currentSrc" property to a new selection.  I think you might have to start the new selection with the play() method.

The list of audio/video properties and methods is available at http://www.w3schools.com/tags/ref_av_dom.asp

Make sure you look at the list of supporting browsers for anything you use, because the support for some properties and methods is still a little thin.

Cd&
0
 

Author Closing Comment

by:paddy086
ID: 40629507
Thanks sorry about the delay in closing
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now