Question

我在iPhone和Android上实现HTML5视频时遇到了一些问题。我想在播放视频时删除HTML5视频控制器滑块。目的是让用户从开始到结束观看视频而不跳转或停止视频。

Answer 1

你所要求的可能是不可能的。但试试这个

为视频标记设置control = false
实施您自己的控件http://www.broken-links.com/2009/10/06/building-html5-video-controls-with-javascript/

Bot因为你的目标是iphone / andriod我怀疑是否可能

Answer 2

你可以尝试this tutorial来建立你自己的玩家，这样你就可以摆脱任何你不想要的东西。

Answer 3

试试这个：

<body >
   <video id="video" src="BO_VS_ST_MT1.webm" width="480px" height="270px"  autoplay    controls >
</video>
<canvas width="400" height="300" style="border: 1px solid black;" ></canvas> 
<script language="Javascript"> 
    window.onload = function(){ initCanvas(); }
    var context;
    function initCanvas(){
        var video = document.getElementsByTagName("video")[0];
        var canvas = document.getElementsByTagName("canvas")[0];
        context = canvas.getContext("2d");
        video.addEventListener("timeupdate", paintFrame, false);
    }
    function paintFrame(){
        context.drawImage(video, 0, 0, 400, 300);
    }
</script>

但我觉得它看起来会很慢：/

Answer 4

我不相信你可以在iPhone上做到这一点 - 他们有严格的设置。 IT似乎是第一次加载视频时，如果没有用户与视频帧交互，您就无法实际播放视频，这意味着如果不可见，则无法单击此元素。无论如何，我认为这样做会浪费处理能力。

如何删除HTML5 Slider视频控制器

4 个答案: