Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

Relative URLs don't work on IE9 #218

Closed
edemaine opened this issue Aug 25, 2012 · 4 comments
Closed

Relative URLs don't work on IE9 #218

edemaine opened this issue Aug 25, 2012 · 4 comments

Comments

@edemaine
Copy link
Contributor

This issue is reported elsewhere but may have been lost as it is not explicitly reported as a bug. Somehow, Video.js 3.2.0 on IE9 will not play sources with relative URLs, but will play with absolute URLs. Unfortunately I haven't been able to track down the source of the bug, but I can confirm that Video.js 2.0.2 could do it just fine.

Here's a simple example. Put a copy of http://video-js.zencoder.com/oceans-clip.mp4 in the same directory as this HTML file, and watch how only the top version works in IE9 (hanging spinning wheel), but both work in e.g. Chrome). To make matters worse, both versions work in IE9 when developer mode is open--so challenging to debug!

<!DOCTYPE HTML>
<html>
<head>
<link rel=stylesheet href="http://vjs.zencdn.net/3.2/video-js.css" type="text/css">
<script src="http://vjs.zencdn.net/c/video.js"></script>
</head>
<body>
<H2>Absolute URL</H2>
<video id="example_video_1" class="video-js vjs-default-skin"
  controls preload="auto" width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup='{"example_option":true}'>
 <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /> 
</video>
<H2>Relative URL</H2>
<video id="example_video_2" class="video-js vjs-default-skin"
  controls preload="auto" width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup='{"example_option":true}'>
 <source src="oceans-clip.mp4" type='video/mp4' />
</video>
</body>
</html>
@gokceturkay
Copy link

I have the same problem...And... Finally I solve the problem :)

Solution: change preload="auto" to preload="none"

@libymathew
Copy link

Hi Gökçe Türkay,

It wont solve the problem if we edit preload="auto" to preload="none"

@GR8DAN GR8DAN mentioned this issue Mar 7, 2013
Closed
@GR8DAN
Copy link

GR8DAN commented Mar 7, 2013

(Note following test pages are for IE9, only MP4 videos referenced)

Here is code with a relative URL - http://tekeye.biz/demo/video/relative_url.html
Press play nothing happens. Hit F5 (refresh), press play and video runs.

Same code but without video.js script - http://tekeye.biz/demo/video/no_script.html
Press play and video runs.

Same code with full URL to the same video - http://tekeye.biz/demo/video/full_url.html
Press play and video runs.

Appears video.js script blocks video playing in IE9 when path is relative until page is refreshed.

These tests were run on Win7 x64.

@mmcc
Copy link
Member

mmcc commented Oct 18, 2013

I'm unable to reproduce the issue with your samples, but I am using IE10 with IE9 compatibility mode turned on, so that might be causing the difference.

I'm going to close this issue, but we can continue this discussion with #282.

@mmcc mmcc closed this as completed Oct 18, 2013
@snyk-bot snyk-bot mentioned this issue Mar 8, 2020
Open
@github-actions github-actions bot locked as resolved and limited conversation to collaborators May 28, 2022
# for free to subscribe to this conversation on GitHub. Already have an account? #.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@mmcc @libymathew @edemaine @gokceturkay @GR8DAN