{"id":78163,"date":"2018-08-05T16:05:28","date_gmt":"2018-08-05T16:05:28","guid":{"rendered":"https:\/\/es.wordpress.org\/support\/topic\/video-responsive-con-clase-video1-en-style-css-problema-al-ponerlo-en-una-line\/"},"modified":"2018-08-08T19:28:45","modified_gmt":"2018-08-08T19:28:45","slug":"video-responsive-con-clase-video1-en-style-css-problema-al-ponerlo-en-una-line","status":"publish","type":"topic","link":"https:\/\/es.wordpress.org\/support\/topic\/video-responsive-con-clase-video1-en-style-css-problema-al-ponerlo-en-una-line\/","title":{"rendered":"V\u00eddeo responsive con clase \u00abvideo1\u00bb en style.css-Problema al ponerlo en una l\u00edne"},"content":{"rendered":"<p>Hola,<\/p>\n<p>Para hacer los videos de Youtube \u00abresponsive\u00bb y que se adapten bien a cualquier dispositivo, he puesto en la hoja de estilos del tema lo siguiente:<br \/>\n.video1,<br \/>\n.widget_video {<br \/>\n  position: relative;<br \/>\n  padding-bottom: 56.25%;<br \/>\n  padding-top: 30px;<br \/>\n  height: 0;<br \/>\n  overflow: hidden;<br \/>\n}<br \/>\n.video1 iframe,<br \/>\n.widget_video iframe {<br \/>\n  position: absolute;<br \/>\n  top: 0;<br \/>\n  left: 0;<br \/>\n  width: 100%;<br \/>\n  height: 100%;<br \/>\n}<br \/>\nDespu\u00e9s s\u00f3lo tengo que poner en la entrada:<br \/>\n&lt;div class=\u00bbvideo1&#8243;&gt;<br \/>\nhttps:\/\/youtu.be\/4NunlYyHh10 (cualquier v\u00eddeo de youtube)<br \/>\n&lt;\/div&gt;<\/p>\n<p>Esto funciona perfectamente, salvo por el peque\u00f1o problema de que si tengo que actualizar la entrada, si paso a la pesta\u00f1a VISUAL y vuelvo a la de HTML, WordPress me cambia autom\u00e1ticamente el texto y lo pone todo en una sola l\u00ednea, es decir:<br \/>\n&lt;div class=\u00bbvideo1&#8243;&gt;https:\/\/youtu.be\/4NunlYyHh10&lt;\/div&gt;<\/p>\n<p>Y no s\u00e9 por qu\u00e9, eso ya no funciona. Al estar en una sola l\u00ednea no se por qu\u00e9 ya no lo interpreta y en la entrada aparece escrita la URL en vez de poner el v\u00eddeo. As\u00ed que cada vez que actualizo una entrada tengo que acordarme de volver a la pesta\u00f1a HTML y volver a ponerlo en tres l\u00edneas.<br \/>\nLo que no s\u00e9 es por qu\u00e9 WordPress me cambia el texto que yo he escrito en tres l\u00edneas y me lo pone en una. \u00bfSab\u00e9is si hay forma de que lo que yo he escrito no se modifique?<\/p>\n","protected":false},"template":"","class_list":["post-78163","topic","type-topic","status-publish","hentry","topic-tag-responsive","topic-tag-videos"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/78163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/78163\/revisions"}],"predecessor-version":[{"id":78267,"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/78163\/revisions\/78267"}],"wp:attachment":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=78163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}