Posted 8 years ago
·
Author
/!\ does not work anymore /!\
EDIT : I added more HTML code ( video / img ), Do not hesitate to use them
Two days ago, I tried by pure chance to add html code to description of one of my room and it Works !
I knew that one moment we could put HTML code on are profile but since imvu fix the bug By removing the "<" When you save profile.
I tested to incorpore youtube player with iFrame and it works great !
CODE 1:
FOR VIDEO:
FOR IMAGE:
When you put this code for example, it will display a video of the intro of "Don Von Alpha Dom" For its product in the head of profile room Above "room occupants".
CODE 2:
FOR VIDEO:
FOR IMAGE:
The code is identical to the previous one except the size. ( height: 23% / width 45% ). With this code, youtube video or image takes just the size of the profile image of the room. And so no longer masks the description and title of the room
CODE 3:
FOR VIDEO:
FOR IMAGE:
This code It is two code allows you to display youtube video or image over the entire room profile card. Simply changing the height / width to 100% and add Css property z-index "z-index:1". Which is necessary because without the z-index the "room occupants" appear in front of the video.The z-index allows to put the iframe in the foreground.
Do not hesitate to share your code if you have other suggestion.
EDIT : I added more HTML code ( video / img ), Do not hesitate to use them
Two days ago, I tried by pure chance to add html code to description of one of my room and it Works !
I knew that one moment we could put HTML code on are profile but since imvu fix the bug By removing the "<" When you save profile.
I tested to incorpore youtube player with iFrame and it works great !
CODE 1:
FOR VIDEO:
<div id="contentframe" style="top: 10px; left: 10px;">
<iframe src="https://www.youtube.com/embed/5aEkhQC6geo?rel=0&autoplay=1" style="height:40%;width:100%;position:absolute;top:0px;bottom:0px;left:0px;right:0px;"></div>
</iframe></div>FOR IMAGE:
<img src="http://www.emuline.org/uploads/gallery/album_4/gallery_1_4_171194.jpg" style="height:40%;width:100%;position:absolute;top:0px;bottom:0px;left:0px;right:0px;">When you put this code for example, it will display a video of the intro of "Don Von Alpha Dom" For its product in the head of profile room Above "room occupants".
CODE 2:
FOR VIDEO:
<div id="contentframe" style="top: 10px; left: 10px;">
<iframe src="PUT THE YOUTUBE EMBED LINK OF THE VIDEO WHAT YOU WANT TO DISPLAY" style="height:23%;width:45%;position:absolute;top:0px;bottom:0px;left:0px;right:0px;"></div>
</iframe></div>FOR IMAGE:
<img src="http://www.emuline.org/uploads/gallery/album_4/gallery_1_4_171194.jpg" style="height:23%;width:45%;position:absolute;top:0px;bottom:0px;left:0px;right:0px;">The code is identical to the previous one except the size. ( height: 23% / width 45% ). With this code, youtube video or image takes just the size of the profile image of the room. And so no longer masks the description and title of the room
CODE 3:
FOR VIDEO:
<div id="contentframe" style="top: 10px; left: 10px;">
<iframe src="PUT THE YOUTUBE EMBED LINK OF THE VIDEO WHAT YOU WANT TO DISPLAY" style="height:100%;width:100%;position:absolute;top:0px;left:0px;z-index:1;"></div>
</iframe></div>FOR IMAGE:
<img src="PUT THE IMG LINK WHAT YOU WANT TO DISPLAY" style="height:100%;width:100%;position:absolute;top:0px;left:0px;z-index:1;">This code It is two code allows you to display youtube video or image over the entire room profile card. Simply changing the height / width to 100% and add Css property z-index "z-index:1". Which is necessary because without the z-index the "room occupants" appear in front of the video.The z-index allows to put the iframe in the foreground.
Do not hesitate to share your code if you have other suggestion.
Last edited by lMAXl on Sat Apr 22, 2017 2:37 am, edited 3 times in total.
