X3Photo Gallery Forums

manchan · 07 Aug 2014, 03:59

Hello,

I uploaded a mp4 video file in my website using imagevuex,

However, I use my PC the test the function ( I use Chrome Browser), when I click on the thumbnail, nothing happened. It means the video cannot be played....

But, when I test it in my Samsung Note, it will be played normally.....

Can anyone help me and tell me how to fix it ?

My link is below:

http://www.hkatc.hk/gallery.html

You can find the video in menu "VIDEO" folder.

Thanks so much for all of your help !!!

Man Chan

08 Aug 2014, 01:56

You have created a custom html page with Imagevue, and therefore you are missing some javascript files which handle the popup window that contains the video. I believe you must add the following to your document:

<link href="imagevue/iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="imagevue/iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>

manchan · 17 Aug 2014, 07:16

Dear Mjau,

I tried to follow your instruction to add the code to my web page, but it is not work, can you help me to see my web page code?

I am so sorry to trouble you again...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
   	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<script type="text/javascript" src="imagevue/iv-includes/assets/js/swfobject.js"></script>
	<script type="text/javascript" src="imagevue/iv-includes/assets/js/swfaddress.js"></script>
    <link href="imagevue/iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="imagevue/iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>
    <!--
    Created by Artisteer v3.1.0.48375
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>New Page</title>



    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
 <link href="imagevue/iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="imagevue/iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>
    <script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  window.location = "/imagevue/";
}
    </script>
 <link href="imagevue/iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="imagevue/iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>
</head>
<body>
<div id="art-main">
    <div class="cleared reset-box"></div>
    <div id="art-hmenu-bg" class="art-bar art-nav">
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-header">
        <div class="art-header-position">
            <div class="art-header-wrapper">
                <div class="cleared reset-box"></div>
                <div class="art-header-inner"></div>
            </div>
        </div>
        
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
	<ul class="art-hmenu">
		<li>
			<a href="./home.html">Home</a>
		</li>	
		<li>
			<a href="./about-us.html">About Us</a>
		</li>	
		<li>
			<a href="./courses.html">Courses</a>
			<ul>
				<li>
                      <a href="./courses/personal-and-team-development.html">Personal and Team Development</a>

                </li>
				<li>
                    <a href="./courses/life-and-career-development.html">Life and Career Development</a>

                </li>
				<li>
                    <a href="./courses/challenge-rope-course.html">Challenge Rope Course</a>

                </li>
				<li>
                    <a href="./courses/hikingcamping.html">Hiking/Camping</a>

                </li>
				<li>
                    <a href="./courses/abseiling.html">Abseiling</a>

                </li>
				<li>
                    <a href="./courses/canoeing.html">Canoeing</a>

                </li>
				<li>
                    <a href="./courses/scuba-diving.html">Scuba Diving</a>

                </li>
				<li>
                    <a href="./courses/snorkeling.html">Snorkeling</a>

                </li>
			</ul>
		</li>	
		<li>
			<a href="./gallery.html" class="active">Gallery</a>
		</li>	
		<li>
			<a href="./news.html">News</a>
		</li>	
		<li>
			<a href="./contacts.html">Contacts</a>
		</li>	
	</ul>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>

    </div>
    <div class="cleared reset-box"></div>
    <div class="art-box art-sheet">
        <div class="art-box-body art-sheet-body"></div>
            <div class="page">
		<div class="imagevueWrap">
			<div id="imagevue">
				<div id="na">
					 	<h1>
						Oops! - This page requires Flash Player and Javascript
						</h1>
						<br/>
						Please make sure you have latest Flash Player installed and javascript is enabled in your browser.<br/>
						&raquo; <a href="?p=gallery">Flash gallery</a><br/>
						&raquo; <a href="http://get.adobe.com/flashplayer/">Get Flash Player</a><br/>
						<br>
						Optionally, you can view the HTML gallery page instead:<br/>
						&raquo; <a href="?p=html">HTML Gallery</a><br/>
						<br>
						&raquo;
						<h1>
							<a href="https://www.photo.gallery" title="Flash online photo gallery and slideshow">www.photo.gallery - flash photo gallery and slideshow</a>
						</h1>
					</div>
			</div>
			<script type="text/javascript">
			//<![CDATA[
				swfobject.embedSWF("imagevue/iv-includes/imagevue2.swf", "imagevue", "100%", "550", "8.0.0", "imagevue/iv-includes/expressInstall.swf", null, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#000000'}, {id: 'imagevue', name: 'imagevue'});
			// ]]>
			</script>
	</div>
	</div>
        </div>
    </div>
    <div class="art-footer">
        <div class="art-footer-body">
            <div class="art-footer-center">
                <div class="art-footer-wrapper">
                    <div class="art-footer-text">
                        
                        <p><a href="#">Terms</a>   |   <a href="#">Policy</a>   |   <a href="#">About</a></p>

<p>Copyright © 2010. All Rights Reserved.</p><br />
                        <div class="cleared"></div>
                        
                    </div>
                </div>
            </div>
            <div class="cleared"></div>
        </div>
    </div>
    <div class="cleared"></div>
</div>

</body>
</html>

17 Aug 2014, 13:53

Why have you included the colorbox css and js files 3 times each? You only need ONE of the colorbox.css and ONE of the colorbox.js ... that is first thing to fix. Thereafter, I am also getting an error on the website "Uncaught ReferenceError: jQuery is not defined" (https://d.pr/i/8PJq). I am not sure this is because there is a script that is trying to use jQuery before jQuery is loaded, or because you are using a too old version of jQuery. Hopefully it is the first ...

In either case, only add the colorbox css and js ONCE, not THREE times .. and make sure they are AFTER the jQuery load. Then we can see after that ...

manchan · 18 Aug 2014, 06:57

Dear Mjau,

Thanks for your help firstly, I tried to correct my html according to your instruction, I place the code after "jquery.js" , however, it still not worked......

Is it any mistakes of my html or the wrong setting of my imagevue ?

Thanks for your kindly assistance !!!

: hkatc2.jpg (24.72 KiB) Viewed 5523 times

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
   	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<script type="text/javascript" src="imagevue/iv-includes/assets/js/swfobject.js"></script>
	<script type="text/javascript" src="imagevue/iv-includes/assets/js/swfaddress.js"></script>
    
    <!--
    Created by Artisteer v3.1.0.48375
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>New Page</title>



    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
	
    [b]<link href="imagevue/iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="imagevue/iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>[/b]
	
    <script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  window.location = "/imagevue/";
}
    </script>
    
 <link href="imagevue/iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="imagevue/iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>

</head>
<body>


<div id="art-main">
    <div class="cleared reset-box"></div>
    <div id="art-hmenu-bg" class="art-bar art-nav">
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-header">
        <div class="art-header-position">
            <div class="art-header-wrapper">
                <div class="cleared reset-box"></div>
                <div class="art-header-inner"></div>
            </div>
        </div>
        
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
	<ul class="art-hmenu">
		<li>
			<a href="./home.html">Home</a>
		</li>	
		<li>
			<a href="./about-us.html">About Us</a>
		</li>	
		<li>
			<a href="./courses.html">Courses</a>
			<ul>
				<li>
                      <a href="./courses/personal-and-team-development.html">Personal and Team Development</a>

                </li>
				<li>
                    <a href="./courses/life-and-career-development.html">Life and Career Development</a>

                </li>
				<li>
                    <a href="./courses/challenge-rope-course.html">Challenge Rope Course</a>

                </li>
				<li>
                    <a href="./courses/hikingcamping.html">Hiking/Camping</a>

                </li>
				<li>
                    <a href="./courses/abseiling.html">Abseiling</a>

                </li>
				<li>
                    <a href="./courses/canoeing.html">Canoeing</a>

                </li>
				<li>
                    <a href="./courses/scuba-diving.html">Scuba Diving</a>

                </li>
				<li>
                    <a href="./courses/snorkeling.html">Snorkeling</a>

                </li>
			</ul>
		</li>	
		<li>
			<a href="./gallery.html" class="active">Gallery</a>
		</li>	
		<li>
			<a href="./news.html">News</a>
		</li>	
		<li>
			<a href="./contacts.html">Contacts</a>
		</li>	
	</ul>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>

    </div>
    <div class="cleared reset-box"></div>
    <div class="art-box art-sheet">
        <div class="art-box-body art-sheet-body"></div>
            <div class="page">
		<div class="imagevueWrap">
			<div id="imagevue">
				<div id="na">
					 	<h1>
						Oops! - This page requires Flash Player and Javascript
						</h1>
						<br/>
						Please make sure you have latest Flash Player installed and javascript is enabled in your browser.<br/>
						&raquo; <a href="?p=gallery">Flash gallery</a><br/>
						&raquo; <a href="http://get.adobe.com/flashplayer/">Get Flash Player</a><br/>
						<br>
						Optionally, you can view the HTML gallery page instead:<br/>
						&raquo; <a href="?p=html">HTML Gallery</a><br/>
						<br>
						&raquo;
						<h1>
							<a href="https://www.photo.gallery" title="Flash online photo gallery and slideshow">www.photo.gallery - flash photo gallery and slideshow</a>
						</h1>
					</div>
			</div>
			<script type="text/javascript">
			//<![CDATA[
				swfobject.embedSWF("imagevue/iv-includes/imagevue2.swf", "imagevue", "100%", "550", "8.0.0", "imagevue/iv-includes/expressInstall.swf", null, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#000000'}, {id: 'imagevue', name: 'imagevue'});
			// ]]>
			</script>
	</div>
	</div>
        </div>
    </div>
    <div class="art-footer">
        <div class="art-footer-body">
            <div class="art-footer-center">
                <div class="art-footer-wrapper">
                    <div class="art-footer-text">
                        
                        <p><a href="#">Terms</a>   |   <a href="#">Policy</a>   |   <a href="#">About</a></p>

<p>Copyright © 2010. All Rights Reserved.</p><br />
                        <div class="cleared"></div>
                        
                    </div>
                </div>
            </div>
            <div class="cleared"></div>
        </div>
    </div>
    <div class="cleared"></div>
</div>

</body>
</html>

manchan · 18 Aug 2014, 06:59

This is the updated current html of my site

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
   	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<script type="text/javascript" src="imagevue/iv-includes/assets/js/swfobject.js"></script>
	<script type="text/javascript" src="imagevue/iv-includes/assets/js/swfaddress.js"></script>
    
    <!--
    Created by Artisteer v3.1.0.48375
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>New Page</title>



    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
	
    <link href="imagevue/iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="imagevue/iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>
	
    <script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  window.location = "/imagevue/";
}
    </script>
    
 <link href="imagevue/iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="imagevue/iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>

</head>
<body>


<div id="art-main">
    <div class="cleared reset-box"></div>
    <div id="art-hmenu-bg" class="art-bar art-nav">
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-header">
        <div class="art-header-position">
            <div class="art-header-wrapper">
                <div class="cleared reset-box"></div>
                <div class="art-header-inner"></div>
            </div>
        </div>
        
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
	<ul class="art-hmenu">
		<li>
			<a href="./home.html">Home</a>
		</li>	
		<li>
			<a href="./about-us.html">About Us</a>
		</li>	
		<li>
			<a href="./courses.html">Courses</a>
			<ul>
				<li>
                      <a href="./courses/personal-and-team-development.html">Personal and Team Development</a>

                </li>
				<li>
                    <a href="./courses/life-and-career-development.html">Life and Career Development</a>

                </li>
				<li>
                    <a href="./courses/challenge-rope-course.html">Challenge Rope Course</a>

                </li>
				<li>
                    <a href="./courses/hikingcamping.html">Hiking/Camping</a>

                </li>
				<li>
                    <a href="./courses/abseiling.html">Abseiling</a>

                </li>
				<li>
                    <a href="./courses/canoeing.html">Canoeing</a>

                </li>
				<li>
                    <a href="./courses/scuba-diving.html">Scuba Diving</a>

                </li>
				<li>
                    <a href="./courses/snorkeling.html">Snorkeling</a>

                </li>
			</ul>
		</li>	
		<li>
			<a href="./gallery.html" class="active">Gallery</a>
		</li>	
		<li>
			<a href="./news.html">News</a>
		</li>	
		<li>
			<a href="./contacts.html">Contacts</a>
		</li>	
	</ul>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>

    </div>
    <div class="cleared reset-box"></div>
    <div class="art-box art-sheet">
        <div class="art-box-body art-sheet-body"></div>
            <div class="page">
		<div class="imagevueWrap">
			<div id="imagevue">
				<div id="na">
					 	<h1>
						Oops! - This page requires Flash Player and Javascript
						</h1>
						<br/>
						Please make sure you have latest Flash Player installed and javascript is enabled in your browser.<br/>
						&raquo; <a href="?p=gallery">Flash gallery</a><br/>
						&raquo; <a href="http://get.adobe.com/flashplayer/">Get Flash Player</a><br/>
						<br>
						Optionally, you can view the HTML gallery page instead:<br/>
						&raquo; <a href="?p=html">HTML Gallery</a><br/>
						<br>
						&raquo;
						<h1>
							<a href="https://www.photo.gallery" title="Flash online photo gallery and slideshow">www.photo.gallery - flash photo gallery and slideshow</a>
						</h1>
					</div>
			</div>
			<script type="text/javascript">
			//<![CDATA[
				swfobject.embedSWF("imagevue/iv-includes/imagevue2.swf", "imagevue", "100%", "550", "8.0.0", "imagevue/iv-includes/expressInstall.swf", null, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#000000'}, {id: 'imagevue', name: 'imagevue'});
			// ]]>
			</script>
	</div>
	</div>
        </div>
    </div>
    <div class="art-footer">
        <div class="art-footer-body">
            <div class="art-footer-center">
                <div class="art-footer-wrapper">
                    <div class="art-footer-text">
                        
                        <p><a href="#">Terms</a>   |   <a href="#">Policy</a>   |   <a href="#">About</a></p>

<p>Copyright © 2010. All Rights Reserved.</p><br />
                        <div class="cleared"></div>
                        
                    </div>
                </div>
            </div>
            <div class="cleared"></div>
        </div>
    </div>
    <div class="cleared"></div>
</div>

</body>
</html>

19 Aug 2014, 03:34

You still have duplicate colorbox JS and colorbox CSS files in the above ... you are also using an old version of jQuery 1.6.4. Fix those issues, and you will likely fix your problem ... I cannot do anything more until the above is fixed.

You can also view the html source in our demo gallery:
https://www.photo.gallery/demo/x2/

manchan · 21 Aug 2014, 10:19

Dear Mjau,

I already corrected my html code, and updated the jquery to new version (I can only find the new version v1.11.1 in http://jquery.com ).

But , it still not work

Please help !! Thank so much !!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
   	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<script type="text/javascript" src="imagevue/iv-includes/assets/js/swfobject.js"></script>
	<script type="text/javascript" src="imagevue/iv-includes/assets/js/swfaddress.js"></script>
    
    <!--
    Created by Artisteer v3.1.0.48375
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>New Page</title>



    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script type="text/javascript" src="script.js"></script>
	
    <script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  window.location = "/imagevue/";
}
    </script>

</head>
<body>

<link href="imagevue/iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="imagevue/iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>

<div id="art-main">
    <div class="cleared reset-box"></div>
    <div id="art-hmenu-bg" class="art-bar art-nav">
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-header">
        <div class="art-header-position">
            <div class="art-header-wrapper">
                <div class="cleared reset-box"></div>
                <div class="art-header-inner"></div>
            </div>
        </div>
        
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
	<ul class="art-hmenu">
		<li>
			<a href="./home.html">Home</a>
		</li>	
		<li>
			<a href="./about-us.html">About Us</a>
		</li>	
		<li>
			<a href="./courses.html">Courses</a>
			<ul>
				<li>
                      <a href="./courses/personal-and-team-development.html">Personal and Team Development</a>

                </li>
				<li>
                    <a href="./courses/life-and-career-development.html">Life and Career Development</a>

                </li>
				<li>
                    <a href="./courses/challenge-rope-course.html">Challenge Rope Course</a>

                </li>
				<li>
                    <a href="./courses/hikingcamping.html">Hiking/Camping</a>

                </li>
				<li>
                    <a href="./courses/abseiling.html">Abseiling</a>

                </li>
				<li>
                    <a href="./courses/canoeing.html">Canoeing</a>

                </li>
				<li>
                    <a href="./courses/scuba-diving.html">Scuba Diving</a>

                </li>
				<li>
                    <a href="./courses/snorkeling.html">Snorkeling</a>

                </li>
			</ul>
		</li>	
		<li>
			<a href="./gallery.html" class="active">Gallery</a>
		</li>	
		<li>
			<a href="./news.html">News</a>
		</li>	
		<li>
			<a href="./contacts.html">Contacts</a>
		</li>	
	</ul>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>

    </div>
    <div class="cleared reset-box"></div>
    <div class="art-box art-sheet">
        <div class="art-box-body art-sheet-body"></div>
            <div class="page">
		<div class="imagevueWrap">
			<div id="imagevue">
				<div id="na">
					 	<h1>
						Oops! - This page requires Flash Player and Javascript
						</h1>
						<br/>
						Please make sure you have latest Flash Player installed and javascript is enabled in your browser.<br/>
						&raquo; <a href="?p=gallery">Flash gallery</a><br/>
						&raquo; <a href="http://get.adobe.com/flashplayer/">Get Flash Player</a><br/>
						<br>
						Optionally, you can view the HTML gallery page instead:<br/>
						&raquo; <a href="?p=html">HTML Gallery</a><br/>
						<br>
						&raquo;
						<h1>
							<a href="https://www.photo.gallery" title="Flash online photo gallery and slideshow">www.photo.gallery - flash photo gallery and slideshow</a>
						</h1>
					</div>
			</div>
			<script type="text/javascript">
			//<![CDATA[
				swfobject.embedSWF("imagevue/iv-includes/imagevue2.swf", "imagevue", "100%", "550", "8.0.0", "imagevue/iv-includes/expressInstall.swf", null, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#000000'}, {id: 'imagevue', name: 'imagevue'});
			// ]]>
			</script>
	</div>
	</div>
        </div>
    </div>
    <div class="art-footer">
        <div class="art-footer-body">
            <div class="art-footer-center">
                <div class="art-footer-wrapper">
                    <div class="art-footer-text">
                        
                        <p><a href="#">Terms</a>   |   <a href="#">Policy</a>   |   <a href="#">About</a></p>

<p>Copyright © 2010. All Rights Reserved.</p><br />
                        <div class="cleared"></div>
                        
                    </div>
                </div>
            </div>
            <div class="cleared"></div>
        </div>
    </div>
    <div class="cleared"></div>
</div>

</body>
</html>

21 Aug 2014, 23:55

Sorry last step, I believe you need to add this script also:
http://www.hkatc.hk/imagevue/iv-include ... nctions.js

You should be adding the same JS/css files as in the original Imagevue, but I think the above is the only one missing.

manchan · 22 Aug 2014, 08:59

Dear Mjau,

I add the scripts in my html, but it appears the screen "This content failed to load.", what is the problem?

Thanks for your help !!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
   	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<script type="text/javascript" src="imagevue/iv-includes/assets/js/swfobject.js"></script>
	<script type="text/javascript" src="imagevue/iv-includes/assets/js/swfaddress.js"></script>
    
    <!--
    Created by Artisteer v3.1.0.48375
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>New Page</title>



    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script type="text/javascript" src="script.js"></script>
    
	
    <script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  window.location = "/imagevue/";
}
    </script>

</head>
<body>

	<link href="imagevue/iv-includes/assets/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="imagevue/iv-includes/assets/js/functions.js"></script>
	<script type="text/javascript" src="imagevue/iv-includes/assets/colorbox/jquery.colorbox-min.js"></script>
	

<div id="art-main">
    <div class="cleared reset-box"></div>
    <div id="art-hmenu-bg" class="art-bar art-nav">
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-header">
        <div class="art-header-position">
            <div class="art-header-wrapper">
                <div class="cleared reset-box"></div>
                <div class="art-header-inner"></div>
            </div>
        </div>
        
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
	<ul class="art-hmenu">
		<li>
			<a href="./home.html">Home</a>
		</li>	
		<li>
			<a href="./about-us.html">About Us</a>
		</li>	
		<li>
			<a href="./courses.html">Courses</a>
			<ul>
				<li>
                      <a href="./courses/personal-and-team-development.html">Personal and Team Development</a>

                </li>
				<li>
                    <a href="./courses/life-and-career-development.html">Life and Career Development</a>

                </li>
				<li>
                    <a href="./courses/challenge-rope-course.html">Challenge Rope Course</a>

                </li>
				<li>
                    <a href="./courses/hikingcamping.html">Hiking/Camping</a>

                </li>
				<li>
                    <a href="./courses/abseiling.html">Abseiling</a>

                </li>
				<li>
                    <a href="./courses/canoeing.html">Canoeing</a>

                </li>
				<li>
                    <a href="./courses/scuba-diving.html">Scuba Diving</a>

                </li>
				<li>
                    <a href="./courses/snorkeling.html">Snorkeling</a>

                </li>
			</ul>
		</li>	
		<li>
			<a href="./gallery.html" class="active">Gallery</a>
		</li>	
		<li>
			<a href="./news.html">News</a>
		</li>	
		<li>
			<a href="./contacts.html">Contacts</a>
		</li>	
	</ul>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>

    </div>
    <div class="cleared reset-box"></div>
    <div class="art-box art-sheet">
        <div class="art-box-body art-sheet-body"></div>
            <div class="page">
		<div class="imagevueWrap">
			<div id="imagevue">
				<div id="na">
					 	<h1>
						Oops! - This page requires Flash Player and Javascript
						</h1>
						<br/>
						Please make sure you have latest Flash Player installed and javascript is enabled in your browser.<br/>
						&raquo; <a href="?p=gallery">Flash gallery</a><br/>
						&raquo; <a href="http://get.adobe.com/flashplayer/">Get Flash Player</a><br/>
						<br>
						Optionally, you can view the HTML gallery page instead:<br/>
						&raquo; <a href="?p=html">HTML Gallery</a><br/>
						<br>
						&raquo;
						<h1>
							<a href="https://www.photo.gallery" title="Flash online photo gallery and slideshow">www.photo.gallery - flash photo gallery and slideshow</a>
						</h1>
					</div>
			</div>
			<script type="text/javascript">
			//<![CDATA[
				swfobject.embedSWF("imagevue/iv-includes/imagevue2.swf", "imagevue", "100%", "550", "8.0.0", "imagevue/iv-includes/expressInstall.swf", null, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#000000'}, {id: 'imagevue', name: 'imagevue'});
			// ]]>
			</script>
	</div>
	</div>
        </div>
    </div>
    <div class="art-footer">
        <div class="art-footer-body">
            <div class="art-footer-center">
                <div class="art-footer-wrapper">
                    <div class="art-footer-text">
                        
                        <p><a href="#">Terms</a>   |   <a href="#">Policy</a>   |   <a href="#">About</a></p>

<p>Copyright © 2010. All Rights Reserved.</p><br />
                        <div class="cleared"></div>
                        
                    </div>
                </div>
            </div>
            <div class="cleared"></div>
        </div>
    </div>
    <div class="cleared"></div>
</div>

</body>
</html>

23 Aug 2014, 03:48

hmm unfortunately another problem because the video is trying to load the video relative to your page, instead of inside the imagevue folder:
http://www.hkatc.hk/imagevue.php?a=vide ... C_OWDC.mp4
should be:
http://www.hkatc.hk/imagevue/imagevue.p ... C_OWDC.mp4

Do you only have a single video in that folder? Then I have a solution for you. In the admin for that page, set the folder to "link" instead of "gallery", then add this code on the link url field:

javascript:lightbox('http://www.hkatc.hk/imagevue/imagevue.php?a=video&path=Video/HKATC_OWDC.mp4');

manchan · 27 Aug 2014, 04:45

Dear Mjau,

Actually, I want put all videos in one folder, so it will not only one video in a folder...

Is it any solution for my problem?

Anyway, Thanks for your help !!!

Man

28 Aug 2014, 00:29

A solution would be to upload one preview image for each video, and then set a link for each thumbnail, linking to a video ... You would need to handle each thumbnail/link manually ...

X3Photo Gallery Forums

About Video13 posts

About Video

Re: About Video

Re: About Video

Re: About Video

Re: About Video

Re: About Video

Re: About Video

Re: About Video

Re: About Video

Re: About Video

Re: About Video

Re: About Video

Re: About Video