Merge pull request #1166 from jamesaanderson/mobile-and-tablet-video-rendering-fix

Mobile and tablet video rendering fix
This commit is contained in:
Robin Ward 2013-07-09 06:44:49 -07:00
commit 437175b102
3 changed files with 9 additions and 1 deletions

View file

@ -299,6 +299,10 @@
webkit-border-radius: 4px; webkit-border-radius: 4px;
ms-border-radius: 4px; ms-border-radius: 4px;
} }
video {
max-width: 100%;
height: auto;
}
} }
#wmd-preview { #wmd-preview {
border: 1px dashed $gray; border: 1px dashed $gray;

View file

@ -527,6 +527,10 @@
img { img {
max-width: 100%; max-width: 100%;
} }
video {
max-width: 100%;
height: auto;
}
.topic-body { .topic-body {
position: relative; position: relative;
.contents { .contents {

View file

@ -6,7 +6,7 @@ module Oneboxer
matcher /^https?:\/\/.*\.(mov|mp4|ogg)$/ matcher /^https?:\/\/.*\.(mov|mp4|ogg)$/
def onebox def onebox
"<video width='100%' height='100%' controls><source src='#{@url}'><a href='#{@url}'>#{@url}</a></video>" "<video controls><source src='#{@url}'><a href='#{@url}'>#{@url}</a></video>"
end end
end end