diff --git a/Mac/MainWindow/Detail/styleSheet.css b/Mac/MainWindow/Detail/styleSheet.css index a98d508e1..abe0ac53e 100644 --- a/Mac/MainWindow/Detail/styleSheet.css +++ b/Mac/MainWindow/Detail/styleSheet.css @@ -129,12 +129,18 @@ code, pre { font-family: "SF Mono", Menlo, "Courier New", Courier, monospace; font-size: 14px; } -img, figure, video, iframe, div { +img, figure, iframe, div { max-width: 100%; height: auto !important; margin: 0 auto; } +video { + width: 100% !important; + height: auto !important; + margin: 0 auto; +} + figcaption { font-size: 14px; line-height: 1.3em; diff --git a/iOS/Resources/main_ios.js b/iOS/Resources/main_ios.js index ad26f5ceb..0589f1cf2 100644 --- a/iOS/Resources/main_ios.js +++ b/iOS/Resources/main_ios.js @@ -137,6 +137,7 @@ function showClickedImage() { function inlineVideos() { document.querySelectorAll("video").forEach(element => { element.setAttribute("playsinline", true) + element.setAttribute("controls", true) }); } diff --git a/iOS/Resources/styleSheet.css b/iOS/Resources/styleSheet.css index 18892fb94..6ca4327d0 100644 --- a/iOS/Resources/styleSheet.css +++ b/iOS/Resources/styleSheet.css @@ -142,12 +142,18 @@ code, pre { font-size: .8235rem; -webkit-hyphens: none; } -img, figure, video, iframe, div { +img, figure, iframe, div { max-width: 100%; height: auto !important; margin: 0 auto; } +video { + width: 100% !important; + height: auto !important; + margin: 0 auto; +} + figcaption { font-size: 14px; line-height: 1.3em;