html5- все статьи тега ➜ страница 2


HTML5-input=количество и несовместимые браузеры

Я хочу использовать элемент html5 <input type="number"> на моем веб-сайте, но я хочу знать, что происходит с этим полем в браузерах, которые не поддерживают эту функцию? Это больше, чем классическое поле <input type="text"> для этих браузеров? ...

Несколько звуковых дорожек для видео HTML5

Я создаю видео для своего сайта с помощью HTML5. В идеале, у меня был бы только один беззвучный видеофайл и пять различных звуковых дорожек на разных языках, которые синхронизируются с видео. Тогда у меня была бы кнопка, которая позволяла бы пользователям переключаться между звуковыми дорожками, даже когда видео воспроизводится; и правильная звуковая дорожка оживала бы (без паузы или начала видео или чего-либо еще; так же, как выбор звуковой дорожки DVD). Я могу сделать это довольно просто в F ...

передать параметр при нажатии на ссылку без использования?id=xxx

Есть ли способ передать параметр, просто нажав на ссылку, в условии, что ссылка не обрабатывает параметр, например <a href='example.php?id=1'>M</a> Я не хочу использовать ?id=1 Есть ли способ сделать это? Я хочу, чтобы параметр был передан на следующую страницу без параметра формы и ссылки при нажатии на ссылку. Таким образом, я могу обрабатывать параметр на следующей странице, а не на той же странице. ...

Dublin Core и Metaname вызывают проблемы проверки W3C на странице HTML5

Я использую эти теги в заголовке страницы HTML5, но они вызывают проблемы при проверке W3C Ключевое слово не зарегистрировано . <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" /> <meta name="description" content="Sitename - My Website" /> <meta name="keywords" content="graphic, security," /> <meta name="author" content="My Name" /> <meta name="identifier-url" content="" /> <meta name="revisit-after" content="14 days" /&g ...

Firefox не допускает пустой области contenteditable

Firefox версии 30. Следующий код отлично работает в chrome, и я могу начать печатать в абзаце. Но он не работает в firefox, никаких подсказок, что не так <div> <div> <span contenteditable="false">Not editable area</span> <p contenteditable="true"></p> </div> </div> JSFiddle - http://jsfiddle.net/THPmr/30/ ...

Как сделать бесконечную прокрутку img слайдера?

Я почти закончил веб-сайт для клиента на работе, который имеет большой динамический слайдер полной ширины на главной странице. Поскольку они дали мало спецификаций, в настоящее время слайдер очень прост; он просто прокручивается слева направо, изменяя свойство Left CSS на UL. Очевидно, из-за этого он будет прокручиваться внезапно назад к началу, как только он достигнет конца, чего клиенты, по-видимому, не хотят. Я не эксперт по jQuery, и мне было интересно, как я могу легко измените этот ползун ...

Встроенный YouTube video showinfo несовместим с modestbranding?

Я встраиваю видео YouTube на свой сайт с параметром modestbranding=1. К сожалению, я также хочу использовать параметр showinfo=0. Когда я попробовал это, кажется, что modestbranding больше не работает. Я провел исследование и обнаружил, что modestbranding работает только тогда, когда это первый параметр в наборе, что я и делаю. Я также читал, что могу подделать его, используя недокументированный параметр title (см. http://www.reelseo.com/remove-youtube-logo/), но это не так. похоже, он работае ...

Сохранить HTML5 canvas как изображение на сервере

У меня был холст html5 с изображением. Люди могут редактировать / настраивать изображение с помощью javascript. После того, как все сделано, они должны иметь возможность разместить это изображение на своей стене Facebook. Насколько я знаю, мы можем удовлетворить требование следующим образом Save Canvas data as image in to my server --> Post to Facebook with its image URL --> Delete the image on call back. Во-первых, это предположение верно, а во-вторых, Как сохранить хо ...

Как найти близлежащие больницы с помощью Google map api и javascript

var MapApiApplication = { myCurrentPosition : "", mapOptions : "", marker : "", initialize : function(){ MapApiApplication.myCurrentPosition = new google.maps.LatLng(10.112293000000000000, 76.352684500000010000); MapApiApplication.mapOptions = { zoom: 13, center: MapApiApplication.myCurrentPosition, mapTypeId: google.maps.MapTypeId.ROADMAP }; MapApiApplication.map = new google.maps.Map(document.getElementById('map-canvas'), MapApiApplic ...

Сохраните изображение файла в localstorage HTML

Я пытаюсь сохранить изображение в localstorage и получить то же самое обратно, когда это требуется, я запутался о том, как сохранить изображение, как я сослался вопрос, связанный с моим же вопросом, но они сложны, наконец, я получил некоторые вещи, которые выглядят идеально для меня, но я запутался, как использовать код для сохранения изображения на локальном хранилищеHear-это код в JSFIDDEL Html: <input type="file" id="bannerImg" /> <img src="" id="tableBanner" /> JS: ba ...

Как создать визуализатор для аудиоплеера [дубликат]

На этот вопрос уже есть ответ здесь: Как написать веб-визуализатор музыки? 4 ответа Есть много музыкальных плееров, таких как даже аудиоплеер HTML5, но как я могу добавить к ним эквалайзер? Под эквалайзером я подразумеваю следующее: изображение (OP ссылка на картинку аудио визуализации) Есть идеи, как добавить его в a музыкальный плеер? Заранее спасибо ...

Сделать вращающийся градиент на окружности?

Я пытаюсь получить вращающийся градиент на окружности, чтобы следовать этому макету. вращающийся градиент, следующий за линией http://f.cl.ly/items/3y161Z3M0t331K3E0j1e/Screen%20Shot%202013-04-09%20at%205.45.37%20PM.png Я высмеял то, что я пытаюсь сделать в JSFiddle. Для вашего удобства вот код: var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); var radius = 75; var startAngle = 0// 1.1 * Math.PI; var endAngle = 2.0 * Math.PI;//1.9 * Math.PI; var coun ...

Есть ли способ использовать CSS, чтобы фоновое изображение действовало как "обложка", но на 120%?

Значение CSS background-size: cover растянет изображение, но сохранит его отношение ширины к высоте. Однако он будет растягивать его только до тех пор, пока наименьшая сторона не достигнет 100% той же стороны родительского узла. /* This is an image of 100px Wide x 50px Tall, so it'll stretch to 100% of the window height and then scale the width larger to retain its width-to-height ratio. */ body { background-image: url( "/images/test.png" ); background-size: cover; backgroun ...

MathML в HTML5: изменение шрифта math

Допустим, у меня есть документ HTML5 с некоторым MathML в нем. Я устанавливаю шрифт тела страницы, но он не изменяет шрифт, используемый для символов MathML: <!DOCTYPE html> <html lang="en"> <head> <title>Example of MathML embedded in an HTML5 file</title> <meta charset="utf-8" /> </head> <body style="font-family: courier;"> Quadratic formula <math><mrow> <mi>x</mi> <mo>=</mo> ...

iPad не рендерит видео H. 264 с помощью HTML5

У меня есть несколько видео в кодировке H. 264, которые правильно отображаются в HTML5 в веб-браузере, но не отображаются правильно на iPad. Когда я использую видео H. 264, которое я скачал из интернета,мое видео правильно отображается на iPad, поэтому это не проблема HTML. Вот информация ffmpeg о моих видео -- Мой оригинал .mov видео: Похоже, частота кадров кодека stream 1 отличается от частоты кадров контейнера: 6000.00 (6000/1) -> 30.00 (30/1) Вход #0, мова,в формате mp4 и M4A ...

Потоковая передача в реальном времени на HTML5 (без webrtc) просто с помощью тега video

Я хотел бы обернуть закодированные данные в реальном времени в webm или ogv и отправить их в браузер html5. Могут ли это сделать webm или ogv, Mp4 не может этого сделать из-за своих атомов MDAT. (нельзя обернуть h264 и mp3 в реальном времени и обернуть его и отправить клиенту) Скажем, я подаю вход с моей веб-камеры и аудио с моего встроенного микрофона. Фрагментированный mp4 может справиться с этим, но его хлопот найти библиотеки, чтобы сделать это). Мне нужно это сделать, потому что я не хоч ...

Ошибка проверки: ul не допускается в качестве дочернего элемента span

Я не понимаю, почему валидатор WC3 помечает этот HTML как недопустимый, ошибка, о которой он сообщает... " элемент ul не допускается в качестве дочернего элемента элемента span в данном контексте. (Подавление дальнейших ошибок из этого поддерева.) " Я использую HTML5, и этот код предназначен для хлебных крошек. <span class="bread"> <ul> <li><a href="./index.php">HOME</a></li> <li>ABOUT</li> </ul> </span> ...

Выбор элемента по атрибуту данных

есть ли простой и прямой метод для выбора элементов на основе их ? Например, выберите все якоря, имеющие атрибут данных с именем customerID какое имеет значение 22. Я вроде как не решаюсь использовать rel или другие атрибуты для хранения такой информации, но мне гораздо сложнее выбрать элемент на основе того, какие данные в нем хранятся. ...

Использование HTML5 / Canvas / JavaScript для создания скриншотов в браузере

Google "сообщить об ошибке" или "инструмент обратной связи" позволяет выбрать область окна браузера, чтобы создать скриншот, который отправляется с вашим отзывом об ошибке. скриншот Джейсона Смолла, опубликованный в дублировать вопрос. как они это делают? API обратной связи JavaScript от Google загружается из здесь и их обзор модуля обратной связи будет демонстрировать возможность скриншота. ...

Как очистить холст для перерисовки

после экспериментов с составными операциями и рисованием изображений на холсте я теперь пытаюсь удалить изображения и композицию. Как мне это сделать? Мне нужно очистить холст для перерисовки других изображений; это может продолжаться некоторое время, поэтому я не думаю, что рисование нового прямоугольника каждый раз будет наиболее эффективным вариантом. ...