NooseLadder Posted March 15, 2013 Share Posted March 15, 2013 I currently include a You tube video on a page directly in the body TinyMCE using iframe. <div class="video_container"><iframe src="http://www.youtube.com/embed/somevideo?rel=0&fs=0&modestbranding=1&showinfo=0" width="460" height="260" frameborder="0"></iframe></div><!-- end video_container --> My layout is responsive, as is the video. That's not a problem. At the end of the video there is an animation of an arrow with a call to action pointing to a form to the right of the video. However when the media screen size drops below 768px the form drops below the video (this is correct). But the arrow at the end of the vid is still pointing to the right, whereas it should now be pointing down to the form. I can create another video to do this but is there a way to switch videos at 768px (or any) media size? Link to comment Share on other sites More sharing options...
diogo Posted March 15, 2013 Share Posted March 15, 2013 With javascript of course. You just have to be careful that the video is not switched in the middle when someone adjusts the browser window. Link to comment Share on other sites More sharing options...
ryan Posted March 16, 2013 Share Posted March 16, 2013 You might want to also look at using the YouTube/Vimeo Textformatter module on your body field. It includes a responsive option as well in the module settings. Link to comment Share on other sites More sharing options...
NooseLadder Posted March 16, 2013 Author Share Posted March 16, 2013 I will look at that thanks. Does that include options for swapping videos or will I have to do something additional? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now