标签: html5-video

检测是否正在播放HTML5视频元素

我已经查看了几个问题,以确定HTML5元素是否正在播放,但无法找到答案.我查看了W3文档,它有一个名为"播放"的事件,但我似乎无法让它工作.

这是我目前的代码:

var stream = document.getElementsByTagName('video');

function pauseStream() {
  if (stream.playing) {
    for (var i = 0; i < stream.length; i++) {
      stream[i].pause();
      $("body > header").addClass("paused_note");
      $(".paused_note").text("Stream Paused");
      $('.paused_note').css("opacity", "1");
    }
  }
}

Run Code Online (Sandbox Code Playgroud)

html javascript video html5-video dom-events

作者

2019 10-17

64
推荐指数

6
解决办法

14万
查看次数

视频作为网站背景？HTML 5

我想使用视频作为背景而不是自动延伸到整个屏幕(背景)的图像.

我还想旋转视频和图像..这样就可以按任意顺序显示随机视频/图像.

知道如何延迟视频播放也是很好的,这样视频只能在网站加载后30秒播放一次.

谢谢!

html video html5 background html5-video

Rol*_*and

2010 09-27

56
推荐指数

3
解决办法

14万
查看次数

禁用Google Chrome的下载按钮？

谷歌浏览器现在附带一个下载按钮,用于播放只是嵌入视频的视频(即非MSE):

金丝雀控制

我很难找到Chrome实施<video>标签的任何文档.有没有人知道是否有办法 - 禁用"控件"并创建自己的视频播放器控件 - 禁用此功能？

我意识到,如果显示,下载视频已经很容易,我只想禁用该功能作为控件的一部分出现.

谢谢!

google-chrome html5-video

ran*_*vel

2017 06-20

52
推荐指数

4
解决办法

7万
查看次数

HTML5逐帧查看/寻帧？

我正在寻找一种<video>逐帧查看HTML5的方法.

场景:有一个视频,有一个额外的按钮,按下时会跳到下一帧.

您认为最好的方法是什么？

正常播放视频,收听timeUpdate每个帧调用FireFox的事件,然后暂停视频.但是,其他浏览器的行为与Firefox不同.
currentTime手动将元素更改为+1/24秒,其中"24"是帧速率.但是,我不知道如何获取FPS.
您可以想到的任何其他有用的方式.

编辑

我找到了这个非常有用的HTML5测试页面,它跟踪所有浏览器实现准确帧搜索的能力.

html video html5 html5-video

Ory*_*and

2018 10-28

51
推荐指数

4
解决办法

5万
查看次数

Javascript在模态窗口关闭时停止HTML5视频播放

我在模态窗口上有一个html5视频元素.当我关闭窗口时,视频继续播放.我是JS的新手.有一种简单的方法可以将视频播放停止功能与窗口关闭按钮联系起来吗？以下是我的html页面:

<!DOCTYPE html >
<html lang="en">

<head>
<meta charset="utf-8" />
<title>Modal Test</title>

<script type="text/javascript" src="jquery.js">

</script>

<script type="text/javascript">
    $(document).ready(function(){
        $("#showSimpleModal").click(function() {
            $("div#simpleModal").addClass("show");
            return false;   
        });

        $("#closeSimple").click(function() {
            $("div#simpleModal").removeClass("show");
            return false;                   
        });
    });
</script>

<style type="text/css">

div#simpleModal
{
    position:absolute; 
    top: 40px; 
    width: 320px; 
    left: 170px; 
    border: solid 1px #bbb;     
    padding: 20px; 
    background: #fff; 
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); 
    opacity: 0.0; 
    -webkit-transition: opacity 0.0s ease-out; z-index: 0;
}

div#simpleModal.show
{
    opacity: 1.0; 
    z-index: 100;        
    -webkit-transition-duration: 0.25s; 
}

</style>
</head>
<body>

<a href="" …

Run Code Online (Sandbox Code Playgroud)

javascript modal-dialog html5-video

use*_*836

2011 05-11

48
推荐指数

6
解决办法

11万
查看次数

ffmpeg将mov文件转换为mp4,用于HTML5视频标签IE9

我在这里和谷歌到处都是 - 没有适用于IE9的有效命令.一些IE9如何丢失的东西.我试过的所有其他工作在其他地方:chrome,safari,移动设备等......我想要一个可以转换它的命令,我可以在每个设备中使用它,假设支持HTML5视频标签中的mp4.

我用这个命令:

ffmpeg -i movie.mov -vcodec copy -acodec copy out.mp4
ffmpeg -i movie.mov -vcodec libx264 -vprofile high -preset slow -b:v 500k -maxrate 500k -bufsize 1000k -vf scale=-1:480 -threads 0 -acodec libvo_aacenc -b:a 128k -pix_fmt yuv420p outa.mp4
ffmpeg -i movie.mov -b:V 1500k -vcodec libx264 -preset fast -g 30 adel.mp4
ffmpeg -i movie.mov -acodec aac -strict experimental -ac 2 -ab 160k -vcodec libx264 -preset slow -f mp4 -crf 22 lamlam.mp4
ffmpeg -i movie.mov -acodec aac -strict experimental -ac 2 -ab …

Run Code Online (Sandbox Code Playgroud)

video ffmpeg codec html5-video internet-explorer-9

Adi*_*idi

2015 02-18

48
推荐指数

2
解决办法

8万
查看次数