Normalising and Improving

[ruhley]

• Fitting in with Yeoman video.js plugin generator.
• Improving css to not use tags.
• Adding goTo function that takes the index as an argument.
• Adding debug option
• Adding hash option to stop the link changing the hash
• Adding data-type attribute for list items

New format for html

            <video
                    id='help-video'
                    class='video-js vjs-default-skin'
                    controls
                    preload='auto'
                    width='100%'
                    height='480px'
                    data-setup='{"techOrder": ["flash", "html5"], "plugins": {"playlist": {"debug": true, "continuous": false}}}'
                >
                    <p class='vjs-no-js'>
                        To view this video please enable JavaScript, and consider upgrading to a web browser that
                        <a href='http://videojs.com/html5-video-support/' target='_blank'>supports HTML5 video</a>
                    </p>
                </video>
               <div id='help-video-vjs-playlist' class='vjs-playlist vjs-playlist-bottom'>
                    <ul>
                        <li>
                            <a href='#help-0' class='vjs-track' data-index='0' data-type='rmtp/mp4' data-src='rtmp://myvideo-0.mp4'>
                                Welcome to navigator
                            </a>
                        </li>
                        <li>
                            <a href='#help-1' class='vjs-track' data-index='1' data-type='rmtp/mp4' data-src='rtmp://myvideo-1.mp4'>
                                Navigating the home page
                            </a>
                        </li>
                        <li>
                            <a href='#help-2' class='vjs-track' data-index='2' data-type='rmtp/mp4' data-src='rtmp://myvideo-2.mp4'>
                                In-depth molecule analysis
                            </a>
                        </li>
                        <li>
                            <a href='#help-3' class='vjs-track' data-index='3' data-type='rmtp/mp4' data-src='rtmp://myvideo-3.mp4'>
                                Quick and easy ordering
                            </a>
                        </li>
                    </ul>
                </div>
            </div>