如何在“时尚"弹出窗口中播放本地文件夹中的视频 [英] How to play videos From local folder in Stylish popup

查看:140
本文介绍了如何在“时尚"弹出窗口中播放本地文件夹中的视频的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

HI,


是否有任何jquery可以在时尚的弹出窗口中播放本地视频.我在Google中搜索了很多东西.但是我没有任何解决方案,我弹出了许多视频,但是这些视频是从youtube或viemo播放的.我需要从本地文件夹播放视频.你能帮我吗?

我有一个用于播放youtube和其他视频的代码.这是下面的代码.






Is there any jquery for play local video in stylish popup. I have searched a lot in Google. But i didn''t get any solution, I got many video popup but these videos are play from youtube or viemo . I need to video play from local folder. can you please Help me.

I have a code for playing videos from youtube and other. Here is the below code.



(function ($) {
	"use strict";

	//Shortcut for fancyBox object
	var F = $.fancybox,
		format = function( url, rez, params ) {
			params = params || '';

			if ( $.type( params ) === "object" ) {
				params = $.param(params, true);
			}

			$.each(rez, function(key, value) {
				url = url.replace( '$' + key, value || '' );
			});

			if (params.length) {
				url += ( url.indexOf('?') > 0 ? '&' : '?' ) + params;
			}

			return url;
		};

	//Add helper object
	F.helpers.media = {
		types : {
			youtube : {
                alert : "sucess",
				matcher : /(youtube\.com|youtu\.be)\/(watch\?v=|v\/|u\/|embed)?([\w-]{11}|\?listType=(.*)&list=(.*)).*/i,
				params  : {
					autoplay    : 1,
					autohide    : 1,
					fs          : 1,
					rel         : 0,
					hd          : 1,
					wmode       : 'opaque',
					enablejsapi : 1
				},
				type : 'iframe',
				url  : '//www.youtube.com/embed/$3'
			},
			vimeo : {
				matcher : /(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,
				params  : {
					autoplay      : 1,
					hd            : 1,
					show_title    : 1,
					show_byline   : 1,
					show_portrait : 0,
					color         : '',
					fullscreen    : 1
				},
				type : 'iframe',
				url  : '//player.vimeo.com/video/$1'
			},
			metacafe : {
				matcher : /metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,
				params  : {
					autoPlay : 'yes'
				},
				type : 'swf',
				url  : function( rez, params, obj ) {
					obj.swf.flashVars = 'playerVars=' + $.param( params, true );

					return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf';
				}
			},
			dailymotion : {
				matcher : /dailymotion.com\/video\/(.*)\/?(.*)/,
				params  : {
					additionalInfos : 0,
					autoStart : 1
				},
				type : 'swf',
				url  : '//www.dailymotion.com/swf/video/$1'
			}
		},

		beforeLoad : function(opts, obj) {
			var url   = obj.href || '',
				type  = false,
				what,
				item,
				rez,
				params;

			for (what in this.types) {
				item = this.types[ what ];
				rez  = url.match( item.matcher );

				if (rez) {
					type   = item.type;
					params = $.extend(true, {}, item.params, obj[ what ] || ($.isPlainObject(opts[ what ]) ? opts[ what ].params : null));

					url = $.type( item.url ) === "function" ? item.url.call( this, rez, params, obj ) : format( item.url, rez, params );

					break;
				}
			}

			if (type) {
				obj.href = url;
				obj.type = type;

				obj.autoHeight = false;
			}
		}
	};

}(jQuery));




这是HTML窗口中的以下代码.




And here is the below code in HTML Window.

<a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWods">Youtube</a>
		<a class="fancybox-media" href="http://vimeo.com/25634903">Vimeo</a>




一切都很好.我需要从服务器而不是youtube或Viemo等播放视频.....

请帮帮我..

谢谢

Dileep




This is all working fine. I need to play video from my server not from the youtube or Viemo etc.....

PLease help me..

Thanks

Dileep

推荐答案

){ " ; // fancyBox对象的快捷方式 var F =
) { "use strict"; //Shortcut for fancyBox object var F =


.fancybox, 格式= 功能(url,rez,params){ 参数=参数|| ' '; 如果(
.fancybox, format = function( url, rez, params ) { params = params || ''; if (


.type(params)=== " 对象"){ params =
.type( params ) === "object" ) { params =


这篇关于如何在“时尚"弹出窗口中播放本地文件夹中的视频的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆