1. <p id="rri8t"><noscript id="rri8t"></noscript></p>

        <meter id="rri8t"><tt id="rri8t"></tt></meter>

          HTML5 Video Player logo
          HTML5 Video Player for Mac and Windows

          Add Extra Video Players to Site Spinner Website

          In an earlier guide, we talked about how to add HTML5 video players to Site Spinner site. In this guide we will walk you through the process to add your second and more additional HTML5 video players to your websites build with Site Spinner.

          Add Extra HTML5 Video Players to Site Spinner Website

          1. Make Your HTML5 Video Player

          HTML5 Video Player is an HTML5 video made easy solution. It can convert almost all videos to HTML5 formats. You can go to download and install HTML5 Video Player first if not yet.

          ?2. Copy HTML5 Video Player to Site Spinner Directory

          Run HTML5 Video Player, click HTML5 menu, then select Open Output Folder. See below figure.

          Open html5 video player output folder

          You can then browse to the specific folder for your video player.

          Open the output folder of your Site Spinner. By default it should be C:\Users\your-name\Documents\My IMS Projects\Mysite. See below figure.

          open site spinner website folder

          In this example, we copied the first video player to the root directory of the Spinner site, the second HTML5 video player files all put into a sub-directory ‘2nd-video-player’. See above screenshot.

          ?3. Create a New Page with Site Spinner

          It is easy to create new pages with Spinner. Simply click the Add New Page from the top toolbar of the site builder. See below figure.

          create new page Site Spinner

          ?4. Add Player Embed Code into your New Page

          You need to add two code snippets into your new spinner page. If you forget how we added the first video gallery to Site Spinner page, you can go back and see details here: Add HTML5 Video to Site Spinner

          ?5. Add File Path to the Player Embed Code.

          We are very close now. As Spinner will publish all pages to the site root directory, however we have uploaded the second HTML5 video player to a sub-directory, thus the file path to your video player files will need to change slightly. Do not worry, it does not require any real coding knowledge or skills. What we need to change is no more than adding the sub-directory name before the video player files.

          add file path to the second video player in the code

          You need to add file path for all the files in the embed code snippets.

          ?6. Publish Your Spinner Sites again

          You need to publish the site again in order to play the second html5 video player on your new page. This is the last step to add the second video player to Site Spinner. It will not work, if you preview the video player within Site Spinner.

          Go to the File menu, then select to publish the Spinner site to your hard disk. The result as below screen capture shows:

          publish second html5 video player with Site Spinner

          , , , ,

          Comments are currently closed.

          真金斗牛牛