视频在网页中运行但不在智能手机中运行

Question

我有一个脚本可以在网页中完美运行（播放视频），但在智能手机上无法运行。谁能帮忙？

在网页上播放视频的方式可能与在智能手机上播放视频的方式不同？

这是运行视频弹出窗口的完整代码：

<!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>

可以在 http://www.domain.com/ 看到工作代码。在右栏中，我们有两个视频，一个在另一个下方，在弹出窗口中打开。

可能与 vjs.zencdn 代码有关，或者只是智能手机的视频类型（此处为 video/mp4 和 video/webm）有问题？

感谢您的帮助。

Answer 1

首先，请注意第二个视频实际上根本没有在 Chrome 或 MAC 上的 Safari、iPhone 上的 Safari 或三星上播放Android 平板电脑 - 问题不在于 format/browser，而是 link 到视频源返回的是空白 html 文档而不是视频。

换句话说，下面 HTML5 视频标签中的 src link 实际上并未返回视频：

<video id="video_0_html5_api" class="vjs-tech" preload="none" poster="filei.php?img=" data-setup="{&quot;example_option&quot;:true}" src="filep.php?f=0&amp;t=t&amp;type=mp4&amp;time=1443304042">
 <source src="filep.php?f=0&amp;t=t&amp;type=mp4&amp;time=1443304042" type="video/mp4">
 <source src="filep.php?f=0&amp;t=t&amp;type=mp4&amp;time=1443304042" type="video/webm">
 <p class="vjs-no-js">Veuillez utiliser un navigateur moderne et mettre à jour pour pouvoir visualiser la vidéo</p>
</video>

第一个视频适用于上述所有设备，包括移动设备。

但是，在使用默认浏览器或 chrome 的 Android 设备上播放会出现问题，而且似乎需要多次点击视频 play/pause 按钮。可能这就是您所看到的，而不是根本没有播放的视频。如果您执行上述操作，它确实可以播放，所以视频格式没问题。

在各种 Android 视频论坛中对此问题进行了一些讨论，看来它可能与 Android Web 'double' 点击问题有关 - 当您点击播放按钮时它实际上会产生两次点击，播放并立即暂停视频。请参阅此处专门针对 video.js:

的讨论

https://github.com/videojs/video.js/issues/975

视频在网页中运行但不在智能手机中运行

Video runs in webpage but not in smartphone

video

html5-video