How can i make these videos resize with everything else?
current code used
Code: Select all
<iframe src="//www.youtube.com/embed/Dry3cScZilc" width="640" height="360" frameborder="0"></iframe>
<br><p></p>
Thanks
Code: Select all
<iframe src="//www.youtube.com/embed/Dry3cScZilc" width="640" height="360" frameborder="0"></iframe>
<br><p></p>
Code: Select all
iframe {
max-width: 100%;
}
Opencart Developer - My Extension Showcase
Contact me at aeon.yoda@gmail.com
where do i apply this code?yodapt wrote:Code: Select all
iframe { max-width: 100%; }
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
How can i install your extension without using the extension installer as mine doesn't work and Opencart will not get back to me with a solution.viethemes wrote:You can add that code on my own extension Custom CSS. It is not lost when you upgrade OpenCart.
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Code: Select all
Warning: fopen( public_html/system/modification/system/engine/action.php) [function.fopen]: failed to open stream: No such file or directory in /home/twiste30/public_html/admin/controller/extension/modification.php on line 651Warning: fwrite() expects parameter 1 to be resource, boolean given in /home/twiste30/public_html/admin/controller/extension/modification.php on line 653Warning: fclose() expects parameter 1 to be resource, boolean given in /home/twiste30/public_html/admin/controller/extension/modification.php on line 655Warning: fopen( public_html/system/modification/system/engine/loader.php) [function.fopen]: failed to open stream: No such file or directory in /home/twiste30/public_html/admin/controller/extension/modification.php on line 651Warning: fwrite() expects parameter 1 to be resource, boolean given in /home/twiste30/public_html/admin/controller/extension/modification.php on line 653Warning: fclose() expects parameter 1 to be resource, boolean given in /home/twiste30/public_html/admin/controller/extension/modification.php on line 655Warning: fopen( public_html/system/modification/system/library/config.php) [function.fopen]: failed to open stream: No such file or directory in /home/twiste30/public_html/admin/controller/extension/modification.php on line 651Warning: fwrite() expects parameter 1 to be resource, boolean given in /home/twiste30/public_html/admin/controller/extension/modification.php on line 653Warning: fclose() expects parameter 1 to be resource, boolean given in /home/twiste30/public_html/admin/controller/extension/modification.php on line 655Warning: fopen( public_html/system/modification/system/library/language.php) [function.fopen]: failed to open stream: No such file or directory in /home/twiste30/public_html/admin/controller/extension/modification.php on line 651Warning: fwrite() expects parameter 1 to be resource, boolean given in /home/twiste30/public_html/admin/controller/extension/modification.php on line 653Warning: fclose() expects parameter 1 to be resource, boolean given in /home/twiste30/public_html/admin/controller/extension/modification.php on line 655Warning: Cannot modify header information - headers already sent by (output started at /home/twiste30/public_html/admin/index.php:84) in /home/twiste30/public_html/system/library/response.php on line 12
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Unfortunately the video reviews i'm trying to make responsive still don't resize.yodapt wrote:Code: Select all
iframe { max-width: 100%; }
Where to insert this code directly in css and how to define height ?yodapt wrote:Code: Select all
iframe { max-width: 100%; }
You can insert at the end of file catalog\view\theme\default\stylesheet\stylesheet.css,skip wrote:Where to insert this code directly in css and how to define height ?yodapt wrote:Code: Select all
iframe { max-width: 100%; }
thanks
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Which size do you want to resize in mobile?skip wrote:Thank you
But height inside iframe tag is only for desktop version
<iframe height="300" src=".."></iframe>
If I got for exampe:
<iframe width="853" height="480" src="https://www.youtube.com/embed/0eJZB217d-8" frameborder="0" allowfullscreen></iframe>
and use in css
iframe {
max-width: 100%;
}
Then my video on mobile version got width app. 360px and height 480px that is not look naturaly. I think there must be way for auto resize height in responsive view
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Code: Select all
iframe {
width: 100%;
height: auto;
}
Code: Select all
/* Youtube video mobile */
@media (max-width: 750px) {
iframe {
max-width: 100%;
height: 165px;
}
}
@media (min-width: 768px) {
iframe {
max-width: 100%;
height: 250px;
}
}
@media (min-width: 992px) {
iframe {
max-width: 100%;
height: 335px;
}
}
@media (min-width: 1200px) {
iframe {
max-width: 100%;
height: 360px;
}
}
Users browsing this forum: No registered users and 50 guests