通过脚本播放视频在Android上无效

时间:2016-03-10 11:57:12

标签: javascript android html5-video

我想做的很简单。通过脚本播放视频。而已。我的代码在PC上运行良好,但不适用于Android。 奇怪的是,在我点击视频元素播放视频并再次点击它以暂停它之后,我的代码运行良好..,这意味着播放视频是由服务器端js方法执行的。 我只是假设我需要为Android上的代码添加一些额外的信息,以我期望的方式工作。代码如下。

```的HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <video id="video-player" width="640" height="480" preload="auto">
    <source src="assets/test_movie.mp4" type="video/mp4">
  </video>

  <!-- import script after DOM is ready -->
  <script src="/socket.io/socket.io.js"></script>
  <script src="/frontapp.js"></script>
</body>
</html>

```

```的js

(function(){

  var socket = io();

  // store video dom element in application memory
  var video = document.getElementById('video-player');

  // listen socket
  socket.on('player trigger', function(data){
    //playMovie(video);
    video.play();
    console.log('hi there from server');
    document.getElementById('heading').innerText = makeid();
  });

  // method to change text
  function makeid()
  {
    var text = "";
    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

    for( var i=0; i < 5; i++ )
        text += possible.charAt(Math.floor(Math.random() * possible.length));

    return text;
  }

})();

```

```服务器侧

**// Setup basic express server
var express = require('express');
var app = express();
var server = require('http').createServer(app);
var io = require('../..')(server);
var port = process.env.PORT || 7000;



server.listen(port, function(){
  console.log('Server listening at port %d', port);
});

// Routing
app.use(express.static(__dirname + '/myapp'));

// method from server
setInterval(function(){
  io.emit('player trigger');
  console.log('io.emit:)');
}, 5000);

```

1 个答案:

答案 0 :(得分:3)

这是一种预期的行为,没有办法让它按照你想要的方式运作。

在设计的移动设备上,只有用户操作才能开始播放视频和音频。这意味着必须在点击处理程序中调用video.play();(您可以在处理程序中使用setTimeout)。

这是为了限制不需要的数据,以避免不必要的成本。 请在this article中详细了解。