Solved

server rendering two different types of HTML5 video player

Posted on 2013-11-22
4
233 Views
Last Modified: 2013-11-23
Hi Experts, my server is rendering two different types of video players, and I prefer one over the other. I can't figure out what is the setting that is making the difference, so here are the links to both sites hosted in the same server:

http://www.timeshareorlando.com/resorts/westgate-lakes-resort.html

http://www.orlando.vacationpeople.com/resorts/westgate-lakes-resort.html (preferred)

Please help me find what setting or file I need to change to make my videos look like the second URL.

Both sites use Joomla 2.5. in a Linux server.

Thanks
0
Comment
Question by:Jorge Batres
  • 2
4 Comments
 
LVL 108

Assisted Solution

by:Ray Paseur
Ray Paseur earned 250 total points
Comment Utility
This is TimeShareOrlando
<h2>Westgate Lakes Resort Video</h2>
<video class="size-auto" controls="controls" width="640" height="360" 
poster="/images/resorts/westgate-lakes/front.jpg">
<source src="/images/resorts/westgate-lakes/video/westgate-lakes.mp4" type="video/mp4" /></video>
</div>

Open in new window

This is Orlando.VacationPeople
<h2>Westgate Lakes Resort Video</h2>
<video class="size-auto" controls="controls" width="640" height="360" 
poster="/images/orlando/resorts/westgate-lakes/front.jpg" 
src="/images/orlando/resorts/westgate-lakes/video/westgate-lakes.mp4" type="video/mp4"></video>
</div>

Open in new window

These are slightly reformatted with new-line characters, but otherwise copied from the sites.  As you can see, they are both using the <video> tag.  But the first one wraps the <source> tag inside the <video> and the second uses the src= attribute of the <video> tag.  I believe that both ways are supported in most browsers.  You might want to check the W3 validator and see what it can tell you.
0
 

Author Comment

by:Jorge Batres
Comment Utility
Thanks Ray, I changed the src attribute but nothing happened, I'm wondering if it has to do with the site configuration maybe? or some jquery / javascript conflict? I don't know.
0
 
LVL 82

Accepted Solution

by:
Dave Baldwin earned 250 total points
Comment Utility
Here's one page on HTML5 video: http://www.w3schools.com/html/html_videos.asp  And here's another that shows how to accommodate Flash too:  http://dev.opera.com/articles/view/simple-html5-video-flash-fallback-custom-controls/
0
 

Author Closing Comment

by:Jorge Batres
Comment Utility
Thank you for the comments guys, I fixed it by removing an extra coma somewhere in a JavaScript.
0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Linux Scripting 3 47
Phone Dialer 5 36
Instering to MySQL table 5 15
WampServer not functioning remotely on port 80 10 15
In Solr 4.0 it is possible to atomically (or partially) update individual fields in a document. This article will show the operations possible for atomic updating as well as setting up your Solr instance to be able to perform the actions. One major …
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

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

18 Experts available now in Live!

Get 1:1 Help Now