Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I read your question and I think you want to make a single watch page with your all video. If stand alone player is having a playlist its may be ok. I suggest you can use some js library you 're not necessary to learn PHP and MYSQL. I found this Library </p> <p><a href="http://mediafront.org/osmplayer/#.Uf_wrzmy_Dc" rel="nofollow">http://mediafront.org/osmplayer/#.Uf_wrzmy_Dc</a> </p> <p>I think its very easy to use. You can download it and then you can modify your code like this in your html page.</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Video Title - FTVO&lt;/title&gt; &lt;meta charset="UTF-8"&gt; &lt;!-- Include the core jQuery and jQuery UI --&gt; &lt;script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;!-- Include the core media player JavaScript. --&gt; &lt;script type="text/javascript" src="osmplayer/bin/osmplayer.compressed.js"&gt;&lt;/script&gt; &lt;!-- Include the DarkHive ThemeRoller jQuery UI theme. --&gt; &lt;link rel="stylesheet" href="osmplayer/jquery-ui/dark-hive/jquery-ui.css"&gt; &lt;!-- Include the Default template CSS and JavaScript. --&gt; &lt;link rel="stylesheet" href="osmplayer/templates/default/css/osmplayer_default.css"&gt; &lt;link rel="stylesheet" href="osmplayer/templates/default/osmplayer.default.js"&gt; &lt;script type="text/javascript"&gt; $(function() { $("#osmplayer").osmplayer({ playlist: 'playlist.xml', width: '480px', height: '640px' }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;h2&gt;Video Title&lt;/h2&gt; &lt;p&gt;Watch this episode using the player below&lt;/p&gt; &lt;div id="osmplayer"&gt;&lt;/div&gt; &lt;hr&gt; &lt;p&gt;This site is property of &lt;b&gt;TechXtra Web Services&lt;/b&gt;&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>For playlist you create XML just change location path of video and image.</p> <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;playlist version="1" xmlns="http://xspf.org/ns/0/"&gt; &lt;trackList&gt; &lt;track&gt; &lt;title&gt;HTML5: Matagascar III&lt;/title&gt; &lt;location&gt;http://progressive.totaleclips.com.edgesuite.net/105/e105598_257.mp4&lt;/location&gt; &lt;image&gt;http://www.movieposter.com/posters/archive/main/143/MPW-71686&lt;/image&gt; &lt;/track&gt; &lt;track&gt; &lt;title&gt;HTML5: Snow White and the Huntsman&lt;/title&gt; &lt;location&gt;http://progressive.totaleclips.com.edgesuite.net/103/e103981_257.mp4&lt;/location&gt; &lt;image&gt;http://www.movieposter.com/posters/archive/main/142/MPW-71148&lt;/image&gt; &lt;/track&gt; &lt;track&gt; &lt;title&gt;HTML5: Men in Black III&lt;/title&gt; &lt;location&gt;http://progressive.totaleclips.com.edgesuite.net/105/e105857_257.mp4&lt;/location&gt; &lt;image&gt;http://www.movieposter.com/posters/archive/main/146/MPW-73434&lt;/image&gt; &lt;/track&gt; &lt;/trackList&gt; &lt;/playlist&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload