html播放flv视频，wamp多站点配置及遇到问题，php和js的cookie

需要的文件为flvplayer.swf文件，不同swf文件有一定差异,下载链接http://yun.baidu.com/share/link?shareid=2302736558&uk=1879621042,

在html的代码为

<embed src="/js/flvplayer.swf" flashvars="vcastr_file=test.flv&IsAutoPlay=1&IsContinue=0&IsShowBar=0" width="100%" pluginspage=" http://www.macromedia.com/go/getflashplayer" quality="high" allowfullscreen="true" type="application/x-shockwave-flash"></embed>橙色部分为引用的swf文件，红色部分为视频flv文件，蓝色的为一些属性设置，

编辑Apache的httpd.conf

LoadModule php5_module "d:/wamp/bin/php/php5.5.12/php5apache2_4.dll"

PHPIniDir d:/wamp/bin/php/php5.5.12

Include conf/extra/httpd-vhosts.conf 

这三句，如果它们被#注释了的话，去掉# 
说明一下，第三句话一般注释的，去掉注释后就能开启配置站点

然后在E:\wamp\bin\apache\apache2.4.9\conf\extra找到httpd-vhosts.conf最后添加

<VirtualHost *:80>    ServerAdmin [email protected]    #DocumentRoot "E:\Develop\PHP\internationmeitr\webfile\mobile"    DocumentRoot "D:\www\p1\web"    ServerName p1    ServerAlias p1</VirtualHost>

蓝色部分为访问的文件根目录，红色部分为访问时浏览器输入的url，接着打开C:\Windows\System32\drivers\etc下面的host文件，在开头添加127.0.0.1 p1 重启wamp然后在浏览器输入p1/就可以访问了，同时mysql数据库phpmyadmin也是相同的配置，

<VirtualHost *:80>    ServerAdmin [email protected]    #DocumentRoot "E:\Develop\PHP\internationmeitr\webfile\mobile"    DocumentRoot "E:\wamp\apps\phpmyadmin4.1.14"    ServerName phpmyadmin    ServerAlias phpmyadmin</VirtualHost>否则浏览器无法访问到mysql数据库。

php的有关cookie的函数必须设定路径如

setcookie($name, base64_encode($value), $expired, ‘/‘); 那么删除

setcookie($name, ‘‘, time()-3600, ‘/‘);也要设置路径，同时在jquery的扩展jquer.cookie.js中操作

$.cookie("productidList",null,{expires: -1,path:"/"})也必须设置路径。

jquery扩展 jquery.form.js模拟表单传输的，链接地址http://yun.baidu.com/share/link?shareid=351804005&uk=1879621042，也可以的直接用

$("form").serialize()；例子

var options = {    success: function(){        $(‘.big_photo‘).children(‘img‘).attr(‘src‘, window.atob($.cookie(‘filepath‘)));    },};$("#uploadForm").ajaxForm(options);uploadimage=function(){    if($(‘#file‘).val()){        $(‘#myModal‘).modal(‘hide‘);        $(‘#uploadForm‘).ajaxSubmit(options);    }}

jquery.range.js滑动的进度条http://yun.baidu.com/share/link?shareid=1403206801&uk=1879621042，例子

$(‘.slider-input‘).jRange({    from: 0,    to: 200,    step: 1,    format: ‘%s‘,    width: 382,    showLabels: true,    onstatechange:function(){        $(‘.slider-input‘).trigger(‘change‘);    }});$(‘.slider-input‘).jRange(‘setValue‘, ‘100‘);$(‘.slider-input‘).on(‘change‘, function() {    $(‘.big_photo img‘).width(this.value*3.8);    $(‘.big_photo img‘).height(this.value*5.04);    $(‘.big_photo img‘).css({‘left‘:(380-this.value*3.8)/2,‘top‘:(504-this.value*5.04)/2});});

drag.js拖拽http://yun.baidu.com/share/link?shareid=98191756&uk=1879621042，例子：

$(‘.tryglass‘).each(function(){    $(this).dragging({        move : ‘both‘,        randomPosition : false    });});

webcam.js,webcam.swf视频照相http://yun.baidu.com/share/link?shareid=1494084583&uk=1879621042，例子：

Webcam.set({    width: 320,    height: 240,    flip_horiz: true});

function photograph(){    $(‘#myModal‘).modal(‘hide‘);    $(‘#myModal1‘).modal(‘show‘);    Webcam.attach( ‘#my_camera‘ );}

function take_snapshot() {    Webcam.snap( function(data_uri) {        Webcam.upload( data_uri, ‘/product/uploadimage‘, function(code, text) {            document.getElementById("big_photo").src = data_uri;            $(‘#myModal1‘).modal(‘hide‘);        } );    } );}