2回答
我使用一个按钮，它调用函数" play ()“使视频在全屏上播放。
<div style="text-align:center">
<form>
<input type="button" name="something" value="start_experiment" onclick="play(this,vid)">
</form>
</div>
<vide
浏览 7提问于2020-11-01得票数 2
回答已采纳
2回答
我已经在这个问题上工作了至少一个星期。我在StackOverflow上读过所有关于它的文章，但我仍然没有创建解决方案，我开始认为这是不可能的。
我想在布局中嵌入的want视图中显示HTML，如下所示：
问题是，如果该HTML代码中包含一个HTML5视频，由于Android：中的一个bug，它将被裁剪。
我尝试过许多解决办法，但似乎都没有奏效。我的最后一次尝试是在全屏上显示低于Jelly的设备的视频(他们已经修复了这个版本的错误)。
我对必须显示的HTML没有任何控制，所以我找到的唯一方法就是注入javascript代码。现在，我正在处理两个onShowCustomView，使其成为全
浏览 3提问于2013-08-21得票数 1
1回答
我对javascript非常陌生，我正在用全屏API构建一个全屏功能的播放视频。
在我的应用程序中，当用户退出全屏模式时，我试图触发视频div中的css更改，但它似乎不起作用。我的猜测是，我认为其他说法是错误的，但我不知道它是错误的地方。会非常感谢您的帮助:)
代码粘贴在下面
HTML
<div id="film">
<video class="video_player" id="player" width="20%" controls="controls" muted >
<sour
浏览 5提问于2021-02-09得票数 1
嗨，当我查看全屏预览并按spacebar暂停视频时，我面临着spacebar的问题--它是现有的全屏视图
问题：在全屏模式下按下spacebar视频应该切换播放/暂停而不是切换全屏
这里是代码链接(jsfiddle不允许全屏)，：
这里是我尝试过的：
function togglePlayPause(){
var player = videojs('my_video_1');
if (player.paused()) {
player.play();
}
else {
player.pause();
}
浏览 4提问于2020-09-25得票数 1
回答已采纳
1回答
在iPad Safari上，ios版本13.1.3
我尝试使用vanilla js将触摸事件侦听器添加到视频元素。事件通常在非全屏模式下触发。但是一旦我将模式改为全屏，我就不能再触发触摸事件了。
我在safari的web检查器中也得到了下面的控制台错误。
我发现像video.js这样的视频播放器框架可以避免这个问题。但我想知道为什么会发生这种情况，以及我如何使用vanilla js解决它？
<body>
<video controls width="720" src="https://archive.org/download/BigB
浏览 4提问于2019-10-29得票数 0
1回答
如果视频暂停，则退出全屏播放视频
、、、、
我有一个HTML视频，播放全屏时，用户点击播放。如果用户点击在全屏内退出，一切都会正常工作-视频停止播放并全屏退出。但是，如果用户在全屏中暂停视频，然后单击escape，则视频将再次开始播放，导致视频中的声音在退出全屏时返回的页面上循环。我的js控件如下：
exitHandler: function(){
vid = Video.vid;
$(Video.featuredVideo).toggleClass('featured-video-show');
if (document.webkitIsFullScreen || document.mozFul
浏览 24提问于2016-02-02得票数 0
1回答
我有一个网站，其中嵌入了以下内容：
<div class="embed-responsive embed-responsive-16by9">
<iframe id="video-markets" class="embed-responsive-item" src="http://www.youtube.com/embed/txFhtgO7-28?enablejsapi=1"></iframe>
</div>
我正在尝试收集当你点击“播放”、“暂停”以及到达“视频结尾”时的事
浏览 0提问于2015-02-26得票数 0
1回答
随着Flash回退，我也希望它应该有一个下载链接回退。我认为可以通过Video tag来实现。但是我想使用javascript代码来实现它，如下所示。你能帮帮我吗!！
var videlem = document.createElement("video");
videlem.id="id";
videlem.setAttribute('class',"video-js vjs-default-skin");
videlem.setAttribute('preload', "auto")
浏览 1提问于2015-10-15得票数 0
1回答
我到处都找遍了，还没找到足够清楚的东西。
(请注意，大多数答案都过时了，我相信一定有更好的方法。)
我想做以下几件事：
在进入全屏时，<video>标记是非静音的。
在退出全屏时，<video>标记是静音的。
请理解我在一个页面中有多个<video>标记，它们是动态生成的。
最理想的是一个JS/JQuery ，它侦听事件的所有<video>标记，如果屏幕模式发生变化，它会切换静音模式。
想象一下我的视频标签是：
<video class="img-fluid mx-auto d-block rounded "
浏览 1提问于2020-03-19得票数 2
回答已采纳
我创建了一个用于播放html5视频的webview。我发现在2.3.3(HTC)上，当我开始播放视频时，它会自动转到全屏模式，但在我的nexus4上，它是在嵌入式模式下播放的。我希望它在android 4.x中也能以全屏模式播放，有什么提示吗？
此外，我还找到了几个关于全屏模式下播放视频的链接，比如
但他们似乎无法用“全屏”按钮全屏播放，而不是“开始播放”按钮。毕竟，当按下“全屏”按钮时，WebChromeClient的onShowCustomView会被调用，但是“播放”按钮呢？
似乎很难做到这一点。唯一适合这方面的文章是。
但我到现在还没挺过来..
浏览 8提问于2013-11-26得票数 0
我正在制作一个HTML5视频播放器与自定义控件。你可以在 jsFiddle上看到它。
HTML是“经典的”：
<div class="video-container">
<video poster="http://code-love.me/video/posters/flamenco.jpg">
<source src="http://code-love.me/video/videos/flamenco.mp4" type="video/mp4" />
&
浏览 4提问于2017-05-18得票数 0
回答已采纳
我试着通过点击一个按钮来获得一个全屏播放的video.js视频。它在任何iOS设备上都能正常工作。但在安卓系统上(在Galaxy S4的4.1.2上进行测试)，视频可以播放，但不能全屏显示。你知道怎么在安卓上全屏显示吗？谢谢!
这是我用来进行全屏更改的代码：
$('.slider .icon-play').click(function () {
videojs("mobileVideo").ready(function () {
var myPlayer = this;
浏览 2提问于2013-11-15得票数 2
我怎么做，我已经尝试了大约一个小时，但视频工作，它就是不能开始在全屏模式！
下面是我的代码：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="//releases.flowplayer.org/5.4.3/flowplayer.min.js"></s
浏览 0提问于2013-06-25得票数 1
回答已采纳
1回答
我一直在按照上的说明进行操作，但是我无法访问/获取HTML5视频元素的Progress事件的Loaded和Total属性的任何值。下面是我的代码：
HTML5：
<video id="myVideo" #myVideo #inlineVideo src="https://movie.mp4"
class="inline-video" (click)="videoControls()" playsinline autoplay="true" [muted]="mute" preload=
浏览 0提问于2018-08-01得票数 2
我想在全屏时禁用ESC的全屏功能。它不会将事件处理程序带到任何地方。我还将KeyDown处理程序放到了主网格中。
<ContentControl KeyDown="ContentControl_KeyDown">
<MediaElement x:Name="Video_frame" KeyDown="ContentControl_KeyDown" MediaEnded="Video_frame_MediaEnded" AutoPlay="True" MediaFailed="
浏览 2提问于2015-01-17得票数 0
1回答
我正在尝试将静音/取消静音按钮添加到全屏背景视频中。我使用了一段广泛发布的javascript，包括在stackoverflow ()上。不幸的是，此默认值为静音。无论我怎么尝试，我都不能默认取消静音。很明显我是个js新手。
<video class="video" autoplay loop>
<source src="video.mp4" type="video/mp4">
</video>
<button class="mute-video unmute-video">
浏览 24提问于2020-05-15得票数 0
回答已采纳
当方向改变为景观时，我正试图获得全屏播放的视频。
我正在使用dojotoolkit来检测方向的变化：
on(window, "resize", lang.hitch(this, function(){
if (window.innerHeight > window.innerWidth) {
} else {
dom.byId("player").webkitRequestFullScreen();
}
}));
我有一个简单的视频元素，有一个指向服务器的源：
<div class="containe
浏览 1提问于2014-08-22得票数 0
回答已采纳
1回答
<script>
$(document).ready(function(){
$('#Video').bind('ended', function(){
$('#Video')[0].mozCancelFullScreen();
});
});
</script>
我试着在全屏模式下创建一个带有视频按钮的网站，在全屏模式下显示一些视频。在视频结束时，视频全屏应该会关闭，并显示全屏网站概述，但它不起作用。只有$('# video ').fadeout()
浏览 0提问于2013-01-31得票数 2
我正在这个移动站点上工作，在那里我需要在全屏播放一个YouTube视频。到现在为止还好。只是一个YouTube嵌入，和哇啦。
但!(是的，总有一个“但是”)
当视频结束时，我需要触发一个事件(即JS函数)。我认为Safari将YT嵌入转换为<video>标记，所以我尝试使用HTML5s视频事件，但没有工作：
$('video').bind('ended', function () {
alert('Video has ended');
});
这段代码在直接使用<video>标记时工作，但在使用YT时不起作用。
浏览 3提问于2011-11-08得票数 1
1回答
我有一个带有自定义控件的视频播放器
<div>
<video poster="image.jpg" autoplay>
<source src="video.mp4" id="vidM" type="video/mp4"></source>
</video>
<div id="media-controls">
<button type="button" id="play-pause" class
浏览 1提问于2015-03-30得票数 3
我使用的是aframe，并且有jquery库。当光标悬停在实体上时，我试图触发函数调用。在这种情况下，实体是A-视频标签。
这是我的光标：
<a-entity camera look-controls>
<a-cursor id="cursor" animation__click="property: scale; startEvents: click; from: 0.1 0.1 0.1; to: 1 1 1; dur: 150" animation__fusing="property: fusing; startEvents:
浏览 2提问于2017-05-26得票数 0
我有一个视频，出现在一个灯箱从你的管，一个自定义的，而不是一个插件。
在移动设备上，当显示肖像时，视频跨越整个页面宽度，看起来很漂亮，并在顶部和底部留出一些空间供点击。
问题是，当我去景观，视频充满了整个屏幕，你不能回到页面上。我最初的反应是按下手机的后退按钮，但我不知道有什么方法可以简单地删除我的灯箱。在JS中有没有一种方法可以让onclick从手机的后退按钮上消失？
它全屏显示的原因是我保持了宽高比
var width: number = $('.youtube-video-lightbox').outerWidth();
var heigh
浏览 2提问于2016-04-20得票数 0
我想要停止视频播放背景声音或停止声音后，我退出视频屏幕。
全屏
错误现在是视频背景声音仍然在播放后，我退出视频屏幕。所以我只想移除视频背景音。
这是我的视频
<video oncontextmenu="return false;" src="../inflightapp/storage/app/public/series_videos/<?php echo ''.$row5['episode_video'].''; ?>" id="<?php echo ''
浏览 1提问于2019-01-09得票数 0
回答已采纳
1回答
我需要嵌入具有以下属性的YouTube播放器：
绝不能允许用户前进或后退(没有进度条)，必须能够访问播放器事件(播放机消失，视频结束时显示消息)，必须能够全屏运行，并在用户请求下恢复正常。
我本来希望JS可以让我轻松地做到这一点，但很明显，Flash安全性使它变得如此，因此用户必须单击flash元素本身的某个地方，才能使用Flash全屏。
作为解决办法，现在我正在使用HTML5全屏API，如下所示：
但这会引起跨浏览器的恐慌，甚至似乎会扰乱我的播放器事件(视频停止播放，回到我requestFullScreen时的开始)。我可以再试着用这个角度，但我祈祷有一个更简单的方法。
如果有办法定制嵌入式
浏览 4提问于2012-05-02得票数 1
我想在每个单词后重置结果，这样当我说“嗨”时，视频将播放“你好”另一个视频将播放，但问题是每次我试图说嗨，代码停止，不要让我说一些其他的东西，直到我刷新页面。是否有机会刷新/清除/重置结果
有人能帮帮我吗？谢谢
var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition;
var SpeechRecognitionEvent = SpeechRecognitionEvent || webkitSpeechRecognitionEvent;
var recognition = new SpeechRecognit
浏览 9提问于2020-03-10得票数 0
1回答
我使用video.js库来替代传统的视频标签。这主要是因为UI。我的问题是，当我点击视频时，它会全屏显示。这在iPhone、Chrome和Safari中都有
正如你在videojs.com网站上看到的，有一个来自IGN的例子，如果你点击视频，它不会全屏(另外两个例子是全屏)。我已经尝试了他们的一些设置，但仍然不起作用
<video-js id='my-video' class='video-js' controls autoplay muted preload='auto' width='300'>
<sou
浏览 22提问于2019-07-24得票数 0
回答已采纳
2回答
我正在使用使我的网站上的flash视频全屏。为了让fullscreen正常工作，我还使用了一些javascript在用户单击按钮进入和退出fullscreen时在div上添加和删除fullscreen类。
当用户使用退出键而不是按钮退出全屏模式时，我遇到了一个小问题。当使用退出键时，fullscreen类确实会被移除，这会稍微抛出布局。有没有一种方法可以检测到退出fullscreen，然后删除fullscreen类的时候使用了退出键？
另外，我不是一个javascript程序员，所以非常感谢你的帮助。
浏览 4提问于2013-03-18得票数 1
回答已采纳
1回答
我正在为iPad设置一个视频js播放器，在视频完成后，会弹出一个img。我可以在没有全屏的情况下工作，但iPad用户往往只想在观看视频时使用全屏。因此，我正在尝试弄清楚如何在视频完成时将img内容推送到全屏框架内，而不必退出全屏来查看图像。这个是可能的吗？
以下是我到目前为止拥有的代码：
<link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
<style
浏览 1提问于2012-11-20得票数 1
回答已采纳
4回答
为了点击这个html视频的“全屏”按钮- ，我尝试注入我的JS代码。
问题是，我不知道该调用全屏功能。叫什么来着？
function fullScreenClick() {
var video = document.getElementsByTagName('video');
video[0].play();
}
fullScreenClick();
浏览 4提问于2022-01-18得票数 0
回答已采纳
2回答
我设法将两个选项放在一个按钮中:当点击时，视频开始播放，同时进入全屏。
这是html：
<video id="video1" class="video-small">
<source src="video/Marinela+Pinguinos-HD.mp4" type="video/mp4" class="video-file">
<source src="video/Marinela_Pinguinos-HD.webm" type="video/webm
浏览 13提问于2014-07-01得票数 0
当我还在应用程序的时候，我怎么能有PiP模式呢？我正在创建一个视频调用应用程序，当调用仍在进行时，您可以转到一个单独的全屏视图，该视图当前是相同的片段，视图被隐藏/显示。当我进入独立的全屏视图时，相机就不再可见了。我们想通过把相机放在PiP模式来解决这个问题。我看到google meet应用程序就是这么做的。但我在网上找不到任何关于如何做到这一点的参考。
我想要做的事情的例子：
浏览 8提问于2022-07-14得票数 0
回答已采纳
3回答
响应vimeo播放器-全屏幕错误
、、、、
为了允许响应全宽度视频，我插入Vimeo嵌入-iframe代码后，页面已加载。这允许我的脚本确定屏幕的宽度，调整Vimeo代码中的一些变量以适应屏幕的特定大小。
这是网站-> 。你会看到视频大约2/3 3rds的方式下的屏幕。
以下是我用来将视频插入到页面上的JS代码，如果页面的大小调整，则重新插入。
//on page load, insert the video
$(function () {
resizeVideo();
});
//put $(window) in variable
var win = $(window);
// when the page is re-siz
浏览 4提问于2014-01-11得票数 0
回答已采纳
我正在使用我的mediaelement.js播放器的默认设置，并且我的初始化非常基础：$('video').mediaelementplayer();
我的问题是:当视频嵌入到iframe中时，是否可以使播放器全屏显示？当我按fullscreen时，视频会最大化到iframe，而不是整个屏幕。这是html的一个限制，还是有办法绕过它？
一般结构如下所示：
<!DOCTYPE html>
<html>
<head />
<body>
<iframe>
<!DOCTYPE html>
浏览 1提问于2013-03-08得票数 21
回答已采纳
2回答
我正在为android应用程序使用Youtube API，我正在寻找一种方法来避免在切换景观模式时退出全屏模式。意思是，我不想退出全屏模式，同时切换电话为纵向模式。我需要这个视频总是在全屏上。
有什么办法让它发生吗？
我当前的全屏代码是：
@Override
public void onInitializationSuccess(YouTubePlayer.Provider provider,
YouTubePlayer player, boolean wasRestored) {
if (!wasRestored) {
浏览 6提问于2014-08-21得票数 1
回答已采纳
我用video.js做视频播放。当不使用iframe时，单击全屏按钮可以正常工作。然而，当使用iframe时，全屏按钮不能工作。为什么会这样呢？
video.js的主页是
iframe页面的代码是：
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
浏览 12提问于2013-01-04得票数 8
2回答
我有一个简单的视频块，在视频结束时，我正在显示某些gif，
问题：
现在，当用户暂停视频时，gif也会显示，这意味着当视频结束时，当我再次播放视频并暂停gifs显示的视频时，gif会显示出来。
去做
我希望当用户暂停gif不应该显示的视频时，这意味着gif应该只在视频结束时显示。
以下是我的解决方案
HTML
<div canplay id="video-block">
<div id="video-container">
<video id="videoplayer" playsinline
浏览 27提问于2019-08-05得票数 1
我有一个视频，如果你按下一个按钮，它就会变成全屏。我需要帮助使视频全屏自动当设备在横向。我试过很多方法，但都不管用。 下面是我的代码： var elem = document.getElementById("video");
function becomeFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {
/* Firefox */
elem.mozRequestFull
浏览 34提问于2020-08-15得票数 2
回答已采纳
我已经做了一个应用程序，可以加载，播放和停止视频。它可以使用以下代码请求全屏：
if (this.video.requestFullScreen) {
this.video.requestFullScreen();
} else if (this.video.webkitRequestFullScreen) {
this.video.webkitRequestFullScreen();
} else if (this.video.mozRequestFullScreen) {
浏览 17提问于2021-05-30得票数 0
回答已采纳
我使用的是视频-js 5.19.2，我已经根据我的需要定制了它，我想在全屏上显示块中的标题，字体大小在全屏上也没有变化。我加了这个
.video-js .vjs-captions { font-size: 20px; }
.video-js.vjs-fullscreen .vjs-text-track { font-size: 3em; }
在css文件中的视频-js，但字体大小是不变的。
这是模态video1：
这是全尺寸video2：。
我已经看到这是在新的视频js版本中做的事情，但是我无法在5.19.2中更改字体大小。有谁能帮我改变视频js中的字体大小吗？提前谢谢。
浏览 13提问于2017-12-21得票数 0
回答已采纳
3回答
对我的要求当我按下一个按钮时，我必须在全屏模式下显示一个特定的div，并在页面返回到正常模式时隐藏该div。
我可以用代码实现全屏模式：
function launchFullscreen(element) {
if (element.requestFullscreen) {
$('#bmessages').show();
element.requestFullscreen();
} else if (element.mozRequestFullScreen) {
$('#bmessages').s
浏览 4提问于2014-08-05得票数 23
我想在用户点击视频时执行一些操作。当全屏模式关闭时，所有的东西都工作得很好，但是当全屏模式打开时，点击事件不会被触发。有人能告诉我为什么会这样吗？
这是我的代码。
var obj = "<object id=\"video\" data=\"data:application/x-silverlight-2,\" type=\"application/x-silverlight-2\" width=\"" + width1 + "%\" height=\"" + height1 + &#
浏览 1提问于2014-07-23得票数 1
3回答
在我的项目中，我有一个带有视频元素的WebBrowser控件，我想插入一个按钮，当我按下它时，视频元素将切换到全屏模式。
我试过这个代码：
var video = document.getElementById('video');
if (video.requestFullscreen) {
video.requestFullscreen();
} else if (video.mozRequestFullScreen) {
video.mozRequestFullScreen();
} else if (video.webkitRequestFullscre
浏览 4提问于2013-10-02得票数 2
回答已采纳
2回答
如何开启JQuery视频自动播放
、、、、
只是想知道如何让一个视频加载和自动播放，一旦另一个视频播放完毕。我是个菜鸟，我真的
HTML
<div class="videoWrapper">
<video id="video2" controls>
<source src="videos/wotebackinupsong.mp4">
<source src="videos/wotebackinupsong.ogv">
</video>
</div>
JS
浏览 42提问于2016-09-22得票数 0
回答已采纳
1回答
我成功地让一个视频在全屏模式下打开，以响应事件(单击、按键)，使用HTML5视频标记和jQuery。我如何使视频打开在全屏页面加载而不是点击？任何帮助都将不胜感激。非常感谢！
我的HTML：
<div id="video_container>
<video id="video1" width="1280" height="720" controls autoplay>
<source src="videos/ballet.mp4" type="
浏览 1提问于2013-11-28得票数 0
2回答
如何创建video.js播放列表
、、、、
有没有办法用video.js创建一个播放列表？目前我正在使用webm视频作为背景，我想要实现的是在第一个结束后添加另一个视频播放。最好的结果是让它们在无限循环中运行。
这是我现在拥有的视频标签：
<video id="video" class="video-js vjs-default-skin"
autoplay preload muted width="1080" height="568"
<source src="wp-content/themes/myTheme/video/video1.webm
浏览 4提问于2015-08-04得票数 0
我有一个显示实时流视频的页面，但是当我在ios设备上打开该页面时，它会以全屏模式打开实时流，而当全屏模式退出时，活动流会暂停。我想要的实时视频流播放，而不打开它在全屏模式。
在video.js中，这就是我尝试过的：
html:
<video id="hls-player" controls autoPlay preload="auto" className='video-js vjs-default-skin vjs-big-play-centered'>
<source src="http://localh
浏览 5提问于2019-10-31得票数 0
回答已采纳
我转向了VideoJS，这要归功于JWPlayer荒谬的定价政策。
问题是，当用户在iOS上启动视频时，它会切换本机全屏。我希望控制面板是可用的全屏幕模式，但我无法管理它。
代码：
<video id="tvideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="..." data-setup='{"language":"en", "control
浏览 0提问于2018-05-12得票数 5
回答已采纳
1回答
我正在尝试使用javascript创建一个自定义视频播放器，代码应该在onmousemove事件上显示覆盖--它确实触发了代码--但由于某些原因，我认为发生这种情况是因为双全屏div位于对方之上，但我不知道确切原因。
它的HTML代码如下
<!DOCTYPE html>
<html>
<head>
<title>Video Player</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/j
浏览 4提问于2017-11-01得票数 1
回答已采纳
我正在使用带有ReactJS的Cordova 2来开发带有OnsenUI的跨平台应用程序。它应该可以在移动设备上运行，但如果它也能在普通浏览器上运行就更好了。我有一个带有全屏图像的Carousel元素，当用户点击图像时，我想打开一个新页面。问题是，每次滑动到新图像都会触发图像上的click事件。如何区分点击幻灯片和滑动到新幻灯片之间的区别？
Codepen：
浏览 15提问于2016-09-23得票数 1
回答已采纳
4回答
我想做一个快速的实验，看看我是否能够制作自己的简单视频播放器。到目前为止，我的HTML如下： <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="main.js" type="text/javascript"></script>
</head>
<body>
&l
浏览 39提问于2019-06-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
