Question

智能手机上是否存在跨浏览器流式传输视频的方式，我可以使用内置的视频播放器吗？如果是这样，视频应该采用什么格式和比率？

我想从移动网站上做到这一点，而不是本机应用程序，所以我想这是一个完美的场景是“观看视频”页面上的链接然后视频只是播放，我不希望用户必须安装任何东西。

我使用Flash在计算机浏览器中流式传输视频，不确定将来会如何运作，但如何在手机上做得最好？

是否有一个很好的教程？

干杯，

麦克

Answer 1

这可能取决于您需要支持哪些设备/浏览器，但显而易见的是HTML5视频元素，特别是因为这是针对移动网站而非本机应用程序。

根据精彩的caniuse.com网站，HTML5视频目前在主流浏览器和设备上得到了相当好的支持。 http://caniuse.com/video

HTML5 Rocks有一个不错的HTML5视频教程。 http://www.html5rocks.com/en/tutorials/video/basics/

深入了解HTMl5对HTML5视频的介绍也很不错。 http://diveintohtml5.com/video.html

Answer 2

感谢Trott，

自从Flash消亡以来，我没有必要播放视频，所以我还没有想到使用HTML5的视频，这很容易！再见Flash很长一段时间以来一直是爱情仇恨的关系......哈哈。

罗曼努里克的代码在这里给了我所需的一切，让它在手机上工作。

链接：HTML5 <video> element on Android

<!DOCTYPE html>
<html>
<head>
  <script>
    function init() {
      enableVideoClicks();
    }

    function enableVideoClicks() {
      var videos = document.getElementsByTagName('video') || [];
      for (var i = 0; i < videos.length; i++) {
        // TODO: use attachEvent in IE
        videos[i].addEventListener('click', function(videoNode) {
          return function() {
            videoNode.play();
          };
        }(videos[i]));
      }
    }
  </script>
</head>

<body onload="init()">
    <video src="sample.mp4" width="400" height="300" controls></video>
    ...
</body>
</html>

我不得不对MVC和Razor进行一些修改但是完美无缺！

再次感谢，麦克

在智能手机上流式传输视频

2 个答案: