Tag: video

在网站上播放实时video流: 我试图建立一个只有video播放器的网站。我目前有一个软件通过url在HLS中传输video，如果我用iLS打开url，我可以看到video。我想要做的是用一些video播放器在所有浏览器（或其中一些）中发布流我试过jwplayer，但它没有流我的网站，我试过jplayer但它没有做直播。我基本上需要一个plyer，我可以给它的url例如： http ：//someurl.com/Streaming/Live 它会播放video。任何帮助都会很好。谢谢。

html5video中的Youtube类型注释: 我有一个关于风格/趋势提示的video，它有不同的衣服。我想将该video中显示的衣服链接到在线商店的产品页面。有一个选项YouTube可以使用Youtube Annotation执行此类操作。但YouTube注释不提供与外部链接的链接。因此，我们无法在youtube注释中链接到google.com，我们只能链接到其他YouTubevideo。那么是否可以在html5video中添加YouTube类型注释？

当模态关闭时停止video: 我正试图在关闭时停止播放模态中的video。问题是我的模态脚本将模态从其原始位置移动到结束标记之前。因此，在模态窗口上方停止video脚本时，video在模态关闭后永远不会停止播放。这是我使用的模态脚本https://github.com/VodkaBears/Remodal JQUERY停止video var stopVideo = function ( element ) { var video = element.querySelector( ‘video’ ); // script stops here with this error message: (index):684 Uncaught TypeError: Cannot read property ‘querySelector’ of null. if ( video !== null ) { video.stop(); } }; $(‘.remodal-close’).click(function(){ var id = this.id || this.getAttribute( ‘data-remodal-id’ ); […]

在滑块中播放Vimeo或Youtubevideo时停止滑动: 当我在滑块中播放Vimeo或Youtubevideo时，哪种脚本可以阻止滑块滑动的最佳方法？非常感谢大家的帮助。 jQuery(document).ready(function(){ jQuery(‘#gdl-custom-slider ul’).cycle({ before: before_transition, after: after_transition, fx: ‘fade’, pager: ‘#custom-slider-nav’, speed: CUSTOM.speed, timeout: CUSTOM.timeout }); function before_transition(curr, next, opts, fwd){ jQuery(next).find(‘.custom-slider-title’).css({‘top’:’15px’,’opacity’:’0′}); jQuery(next).find(‘.custom-slider-caption’).css({‘top’:’15px’,’opacity’:’0′}); } function after_transition(curr, next, opts, fwd){ jQuery(this).find(‘.custom-slider-title’).delay(100).animate({‘top’:’0px’,’opacity’:’1′}, 200); jQuery(this).find(‘.custom-slider-caption’).delay(400).animate({‘top’:’0px’,’opacity’:’1′}, 200); } });

jPlayer多video演示代码？: 我刚刚学习jPlayer。喜欢它的多样性，为它运行的每个系统选择合适的格式。是否有任何来自HappyWorm或第三方的多video演示代码，我应该注意哪些？我想为这样的多个video创建一个播放器： PS如果您想在iframe帮助我解决最大化问题，请在此处执行此操作：在IFRAME内部全屏显示jPlayer？

使用jQuery + ajax加载Vimeovideo: 我正在使用带有jQuery的OEMBED api阅读Vimeovideo时遇到麻烦。我的javascript是 function loadVideo(params, callback) { $.ajax({ type : “GET”, url : “http://www.vimeo.com/api/oembed.json”, data : params, dataType : “json”, success : function(result) { alert(“calling callback”); callback(result); }, error : function(error) { var s = “”; $.each(error, function(name, value){ s += name + “: ” + value + “\n”; }); alert(s); } }); }; 我就这样称呼这个function […]

HTML5video自动播放在Chrome中运行不正常（仅限声音）: 我的页面上有一个带有webm和mp4源文件的HTML5-Video。使用控件并单击播放按钮时，video播放器可在Firefox和Chrome中使用。当我将autoplay=”autoplay”属性添加到video时，autoplay正在firefox中运行，但Chrome只是显示海报并播放声音。单击Chrome中的播放按钮时，video会播放但声音播放两次。我还试图删除autoplay属性并通过jQuery强制自动播放： $(document).ready(function () { $(‘.movie’)[0].play(); }); 但这没有帮助。任何人都有同样的问题，知道一个有效的解决方案

如何在滚动上播放暂停video: 我想在滚动时播放或暂停video，如果滚动大于300，它应该暂停，否则它应该播放。这是我的video标签还有Jquery $(document).ready(function(){ var scroll = $(window).scrollTop(); if(scroll > 300){ $(‘video’).attr(‘autoplay’:’false’) } else{ $(‘video’).attr(‘autoplay’:’true’) } }) 现在我没有直接使用autoplay attr。请帮帮我怎么解决这个问题？编辑： i updated my code to this $(document).ready(function(){ $(window).scroll(function(){ var scroll = $(window).scrollTop(); if(scroll > 300){ $(‘#videoId’).get(0).pause() ; } else{ $(‘#videoId’).get(0).play(); } }) }) 仍然不起作用

自定义HTML5video控件 – 退出按钮不会触发全屏切换function: 我有一个带自定义控件的video播放器 PLAY REWIND 10 SECONDS LOOP 00:00 / 00:00 FS POPOUT MUTE 以下是JUST全屏按钮的自定义控件： var fullscreenbtn; fullscreenbtn = document.getElementById(“fullscreenbtn”); fullscreenbtn.addEventListener(“click”,toggleFullScreen,false); function toggleFullScreen(){ if ( document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement) { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } fullscreenbtn.setAttribute(“class”, […]