Fri, 2010-07-30 01:35
Can anyone help me figure out how to use CSS to rotate my streaming video 90 degrees clockwise? I have no experience with CSS code so I would appreciate a little extra help understanding how to code the change.
I appreciate any support.
Jim
Fri, 2010-07-30 02:11
#1
Didn't you ask this same
Didn't you ask this same question just a short while ago??
Fri, 2010-07-30 02:35
#2
Pretty sure you already have
Pretty sure you already have the thread here - http://csscreator.com/topic/rotate-streaming-video-using-css
Fri, 2010-07-30 21:16
#3
As near as I can tell, you
As near as I can tell, you haven't applied the answer Tony gave you. If it didn't work before, it was because we weren't getting the feed. Since we're (at least I am) getting the feed now, I applied Tony's solution (partially—I tested Firefox only), and all was well. See the screenshot att'd.
cheers,
gary
| Attachment | Size |
|---|---|
| doggiecam.jpg | 60.58 KB |
Sun, 2010-08-01 19:32
#4
Yes I did post this previous
Yes I did post this previous but it seemed to have reached a dead end with no one responding further so I decided to repost. As I stated at the end of the previous post, I tried to the best of my limited ability what Tony suggested and it did not work for me. However, looking at the gary.turner post image tells me that I obviously was doing something wrong.
So, gary.turner, could you either email to me or send me a PM with the entire code for the page that displays the video correctly. I appreciate your help very much.
Thanks,
Jim
Sun, 2010-08-01 22:00
#5
I simply added the class
I simply added the class 'ninety' to the stylesheet.
.ninety { -moz-transform: rotate(90deg); }
cheers,
gary
Sun, 2010-08-01 22:19
#6
It's still not working for
It's still not working for me. I "added" your code to Tony's code and here's what I get - http://jreece.com/doggiecam/index-test.htm. As you can see, it's still turning the TEXT not the VIDEO.
Is it asking too much for you to send me the full HTML code for the whole page for what you got to work? That seems to be a simple solution because I obviously am not understanding. I sent you a personal message with my email address.
I do appreciate your help.
Jim
Sun, 2010-08-01 22:34
#7
I simply used the page you
I simply used the page you linked to in the first post above.
cheers,
gary
Sun, 2010-08-01 23:09
#8
I did too and you see the
I did too and you see the results here. I have done everything I know to do as you guys have asked and it's still not working. Would you please send me the entire page code that worked for you like I asked? If not, I will just have to go elsewhere for CSS help.
Jim
Sun, 2010-08-01 23:19
#9
You have missed half the
You have missed half the markup.
This:
<div class="rotateme">http://reecedogs.linksys-cam.com/img/video.mjpeg</div>
Should be:
<img class="rotateme" src="http://reecedogs.linksys-cam.com/img/video.mjpeg" alt="" style="width: 640px; height: 480px;">
Mon, 2010-08-02 01:01
#10
Oh...okay. I see now.
Oh...okay. I see now. Finally, it's working for me now. I will need to play with the HTML because rotating the image is blocking some of the text but I can work that out.
Again I really appreciate the help. I can get there now.
Jim
Sat, 2010-08-28 17:55
#11
I just noticed that when my
I just noticed that when my web cam is viewed in Internet Explorer the video feed is flipped the wrong way compared to viewing it from Firefox or Chrome. What do I need to change in the code to make it view correct in IE. I don't mind having a separate page for IE viewers if needed.
As always I really appreciate the help.
Jim