Video runs in webpage but not in smartphone

PHP
1

I have a script that works perfectly in a webpage (to play a video) but it doesn’t work when seen in a smartphone. Can anyone help ?

Probably the way how videos are played in a webpage is different than when they are played in a smartphone ?

Here is the complete code for the popup that is running the video :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="//vjs.zencdn.net/4.11/video-js.css" rel="stylesheet">
<script src="//vjs.zencdn.net/4.11/video.js"></script>
</head>
<body>

    <video id="video_53" class="video-js vjs-default-skin vjs-big-play-centered"
      controls preload="none" width="600" height="300" poster="filei.php?img=1440519095-AIDACTIV-presentation-des-cours-MASTER-DYNAMIQUE-DEFINITIF-" data-setup='{"example_option":true}'>
     <source src="filep.php?f=53&t=t&type=mp4&time=1443210646" type="video/mp4" />
     <p class="vjs-no-js">Veuillez utiliser un navigateur moderne et mettre à jour pour pouvoir visualiser la vidéo</p>
    </video>

    <script>
  jQuery( document ).ready(function() {
      if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
          jQuery('#video_53 video source').attr( {
                src : 'filep.php?f=53&t=t&type=webm&time=1443210646', 
                type : 'video/webm', 
          });
      }
  });
</script></body>
</html>

The working code can be seen at http://www.aidactiv.com/. On the right column, we have two videos, one below another, that opens in a popup.

Probably it has something to do with the vjs.zencdn code or simply there an issue with the type of video (video/mp4 and video/webm here) for the smartphones ?

Thanks for any help.

2

Not all devices support mp4 format. You usually need to provide at least two different formats to cover all devices.

3

Thanks felgall. I am using mp4 and webm for firefox via jquery.

Any idea on what format is used for smartphones please ?

Thanks for your time once again.

4

There’s some good advice on video formats here: http://html5please.com/#video

“Smartphones” is a pretty vague category, though. The videos work fine on an iPhone, for example. What are you testing on?

5

Hi Ralphm, did you test in iphone and you found it working there ? Thanks for testing.

6

Yes. mp4 works fine on iPhones.

7

Cool, thanks for the news :smile:

8

I have just learned that though it works well in iphone, it is still having some problems in the ipads, the one which has done the last updates.

Two people tested with their ipads and these were the found :

  1. The one who did the latest upgrade, video is loading but after a few seconds stopping abruptly, hanging the webpage.
  2. The one who did not do the last upgrade, for him the video is working perfectly.

Any idea ? Sounds strange.

9

So digging deeper, it seems that at times the videos are not loading totally, or hanging after a few seconds (of various length) of play.

Any idea ?

10

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.