?
Solved

server rendering two different types of HTML5 video player

Posted on 2013-11-22
4
Medium Priority
?
247 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 111

Assisted Solution

by:Ray Paseur
Ray Paseur earned 750 total points
ID: 39669468
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
ID: 39669642
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 84

Accepted Solution

by:
Dave Baldwin earned 750 total points
ID: 39669743
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
ID: 39671484
Thank you for the comments guys, I fixed it by removing an extra coma somewhere in a JavaScript.
0

Featured Post

7 Extremely Useful Linux Commands for Beginners

Just getting started with Linux? Here's a quick start guide that has 7 commands that we believe will come in handy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
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…
Learn the basics of if, else, and elif statements in Python 2.7. Use "if" statements to test a specified condition.: The structure of an if statement is as follows: (CODE) Use "else" statements to allow the execution of an alternative, if the …
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
Suggested Courses

752 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