Embedded HTML 5 video player not resizing properly.

1 reply · opened Aug 25, 2016

EecurrenAug 25, 2016

Hello,
I have embedded an HTML 5 video in my page. When I resize the browser the player does not resize "well". It will overflow the div tag or not change width but will take the full height of the column.

I have uploaded it to http://duckair.azurewebsites.net/duckairlines/one-page/index.html


	
	

	
	
- 
	
- 
	
- 
    
- 

	
	
- 
	

	
- 
	
- 
	
- 
	
- 
	
- 

	
- 

	
- 
	
	
		
	

	
	Duck Airlines | Pluralsight

	
	

		
		

			

				

					

					
					
						[
![attachment](images/ps_logo.png)
](index.html)
						[
![attachment](images/ps_logo.png)
](index.html)
					

					
					

						
							
- [Home](#wrapper)
							
- [Downloads](#section-downloads)
						

						[](#) -->

					

				

			

		

		
		

			
            
				

					[](#)

				

			

		

		
		

			
            	
                
                    
                        
                            The Courses
                            This is the list of Pluralsight courses using Duck Airlines for their project
                        
                        
                        
                            
                                
                                    Fast Enterprise Application Development With WSO2
                                
                                
									
                                        This course is an introduction to the WSO2 middleware platform. You will learn how to use the platform to create a robust enterprise system by employing the WSO2 servers and frameworks.  I start you at the beginning by showing you how to install and configure the platform’s servers to get your project up and running before starting to build the example system.  The example system will make use of WSO2’s ESB, API Manager, Data Services Server, and the Business Rules Server.
                                        

                                        Downloads
                                        [Development Environment Setup Guide](#)

                                        [MySQL Database Setup Script](#)
                                    
                                    
                                        
                                        
                                            
                                                
                                            
                                        
                                    
                                    
								
                            
                        
                    				
                
                
			
			

		

		
		

			

			
				
					Copyright Edward Curren 2016 | All Rights Reserved
				
			

		

	

	
	

	
	
	

	
	

	
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
	
	  ga('create', 'UA-82866028-1', 'auto');
	  ga('send', 'pageview');
	
	

Thanks for your help.

SSemicolon WebSTAFFSep 6, 2016

Hello,

[sb_private_reply]We Really Apologize about the Delays in replying to your Support Query and Really Really Appreciate your Patience with us![/sb_private_reply]

Please consider using using the following code directly on your Page without using the .video-wrap Container:


	
	

This should definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard