BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - inserer une visite virtuelle
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

inserer une visite virtuelle

 Répondre Répondre
Auteur
Message
Pauléa allez vers le bas
Senior Member
Senior Member


Depuis le: 26 Avr 2017
Status: Inactif
Points: 117
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Pauléa Citer  RépondreRéponse Lien Direct à ce Post Sujet: inserer une visite virtuelle
    Envoyé : 09 Nov 2018 à 12:56
Bonjour

Sur les conseils de Brolysan je post mon problème à l'attention des plus astucieux d'entre vous:

Je souhaite insérer une visite virtuelle en lieu et place de la video page accueil de senshouse

Cette visite se trouve dans un dossier chez l hébergeur ovh sous la forme d’une url : http://www.appartement-thalasso-concarneau.com/testpourvisitevirtuelle/test concarneau3.html

J’ai essaye de mettre cette url dans les propriétés de l’element « responsive html5 video » bien sur sans succès.

Que pouvez vous me conseiller sans oublier le mode responsive. Je souhaite également avoir une photo de démarrage pour afficher la visite.

Merci de votre aide
Paulea
https://www.augredesvagues.com       Ils ont les chats pot rond vive la Bretagne... OE V.1.57R9
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Nov 2018 à 13:55
http://www.appartement-thalasso-concarneau.com/testpourvisitevirtuelle/test concarneau3.html utilise une application appelée Panotour.

Je ne crois pas que ça fonctionne sans l'installer sur votre hébergement.
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Nov 2018 à 13:59
Tout compte fait on peut tenter de voir à partir de là: http://www.kolor.com/wiki-fr/Panotour_-_Publication_web

<object width="100%" height="100%"> <embed src="http://WWW.MON-DOMAINE.COM/VISITE-VIRTUELLE/MA-VISITE.SWF" base="http://www.DEUXIEME-DOMAINE.COM/MA-VISITE-DATA/" width="100%" height="100%" allowFullScreen="true"> </embed> </object>

Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Nov 2018 à 15:20
J'ai mis ça dans un bloc de code visuel et ça roule

<object width="100%" height="100%">
<embed 
src="http://www.appartement-thalasso-concarneau.com/testpourvisitevirtuelle/test concarneau3data/test concarneau3.swf"
base="http://www.appartement-thalasso-concarneau.com/testpourvisitevirtuelle/test concarneau3data/" 
width="100%" height="100%" allowFullScreen="true">
</embed>
</object>




Edité par Hobby001 - 09 Nov 2018 à 15:25
Haut de la page
Pauléa allez vers le bas
Senior Member
Senior Member


Depuis le: 26 Avr 2017
Status: Inactif
Points: 117
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Pauléa Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Nov 2018 à 15:30
merci Hobby001 j'essaye ca quand je rentre chez moi, à priori il sera bien responsive?

cdlt
Paulea
https://www.augredesvagues.com       Ils ont les chats pot rond vive la Bretagne... OE V.1.57R9
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Nov 2018 à 15:31
Il sera responsive si il est mis dans un objet responsive
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Nov 2018 à 16:05
L'ennui c'est que ça demande flash et ça, les fureteurs ne l'aiment plus
Haut de la page
Pauléa allez vers le bas
Senior Member
Senior Member


Depuis le: 26 Avr 2017
Status: Inactif
Points: 117
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Pauléa Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Nov 2018 à 17:33
Désolé Hobby0001 chez moi ça ne fonctionne pas, par contre j'ai ajouté une page externe dans un panneau d'élément responsive et j'y ai mis l'adresse url là ça fonctionne par contre je n'obtiens pas l'image responsive, elle est tronquée en version smartphone.
Paulea
https://www.augredesvagues.com       Ils ont les chats pot rond vive la Bretagne... OE V.1.57R9
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Nov 2018 à 21:06
Il vous reste à récupérer le contenu de votre page de test et l'adapter à OE

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>testconcarneau3 | Virtual tour generated by Panotour</title>

<meta name="description" content="Virtual tour generated by Panotour" />

<meta name="keywords" content="testconcarneau3,Virtual tour generated by Panotour" />
<meta name="medium" content="mult" />
<meta name="video_height" content="480"></meta>
<meta name="video_width" content="640"></meta>
<link rel="image_src" href="test concarneau3data/thumbnail.jpg" />
<!-- <meta name="directory" content="PATH/"></meta> -->
<!-- <link rel="target_url" href="test concarneau3.html" /> -->
<meta name="generator" content="Panotour Pro V2.3.0 64bits" />

<meta name="author" content="mw" />

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<style type="text/css">
@-ms-viewport { width: device-width; }
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; overflow:hidden; }
div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
div#tourDIV {
height:100%;
position:relative;
overflow:hidden;
}

div#panoDIV {
height:100%;
position:relative;
overflow:hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

</style>

<!--[if !IE]><!-->
<script type="text/javascript" src="test concarneau3data/lib/jquery-2.1.1.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="test concarneau3data/lib/jquery-1.11.1.min.js"></script>
<![endif]-->
<!--[if gt IE 8]>
<script type="text/javascript" src="test concarneau3data/lib/jquery-2.1.1.min.js"></script>
<![endif]-->


<style type="text/css">
div#panoDIV.cursorMoveMode {
cursor: move;
cursor: url(test concarneau3data/graphics/cursors_move_html5.cur), move;
}
div#panoDIV.cursorDragMode {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: url(test concarneau3data/graphics/cursors_drag_html5.cur), default;
}
</style>


<script type="text/javascript">
function readDeviceOrientation() {
// window.innerHeight is not supported by IE
var winH = window.innerHeight ? window.innerHeight : jQuery(window).height();
var winW = window.innerWidth ? window.innerWidth : jQuery(window).width();
//force height for iframe usage
if(!winH || winH == 0){
winH = '100%';
}
// set the height of the document
jQuery('html').css('height', winH);
// scroll to top
window.scrollTo(0,0);
}
jQuery( document ).ready(function( jQuery ) {
if (/(iphone|ipod|ipad|android|iemobile|webos|fennec|blackberry|kindle|series60|playbook|opera\smini|opera\smobi|opera\stablet|symbianos|palmsource|palmos|blazer|windows\sce|windows\sphone|wp7|bolt|doris|dorothy|gobrowser|iris|maemo|minimo|netfront|semc-browser|skyfire|teashark|teleca|uzardweb|avantgo|docomo|kddi|ddipocket|polaris|eudoraweb|opwv|plink|plucker|pie|xiino|benq|playbook|bb|cricket|dell|bb10|nintendo|up.browser|playstation|tear|mib|obigo|midp|mobile|tablet)/.test(navigator.userAgent.toLowerCase())) {
// add event listener on resize event (for orientation change)
jQuery(window).resize(function() {
readDeviceOrientation();
});
// initial execution
readDeviceOrientation();
}
});
</script>
</head>
<body>
<div id="container">

<div id="tourDIV">

<div id="panoDIV">
<noscript>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="test concarneau3data/test concarneau3">
<param name="movie" value="test concarneau3data/test concarneau3.swf"/>
<param name="allowFullScreen" value="true"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="test concarneau3data/test concarneau3.swf" width="100%" height="100%">
<param name="movie" value="test concarneau3data/test concarneau3.swf"/>
<param name="allowFullScreen" value="true"/>
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player to visualize the Virtual Tour : testconcarneau3 (Virtual tour generated by Panotour)"/>
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>

</noscript>
</div>


<script type="text/javascript" src="test concarneau3data/test concarneau3.js"></script>
<script type="text/javascript">

embedpano({

swf:"test concarneau3data/test concarneau3.swf"

,target:"panoDIV"
,passQueryParameters:true


});

</script>
</div>
</div>
</body>
</html>
Haut de la page
Pauléa allez vers le bas
Senior Member
Senior Member


Depuis le: 26 Avr 2017
Status: Inactif
Points: 117
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Pauléa Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 10 Nov 2018 à 15:06
Merci Hobby001 pour ce travail impressionnant, mais je doute que mes capacités très limitées dans la codification HTML me suffisent pour arriver au résultat, surtout dans le cadre du template senshouse.

peut etre qq de plus doué que moi pourrait m'expliquer en profondeur ce que je devrais faire.
encore merci pour l'aide.
Pauléa
https://www.augredesvagues.com       Ils ont les chats pot rond vive la Bretagne... OE V.1.57R9
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.078 secondes.