Размер HTML5 плеере в мобильной версии

[samo733792 19]

Привет всем, размер HTML5 плеера в настройках скрипта я настроил так как удобна в полной версии сайта, но хотелось бы менять его размер в мобильной версии сайта и сделать его width: 90%;, по скольку сейчас на том странице где есть плеер страница получается очень широким и получается не красиво и не удобно.

В каком файле и каким образом можно настроить ширину HTML5 плеера?

[odys 384]

samo733792, сейчас нет возможности посмотреть каким образом выводится плеер, но если бы у меня была такая задача, я бы в .php файле который выводит плеер, поставил размеры 100%, обернул бы его div'ом с каким-нибудь классом и через .css задавал ширину и высоту.

[samo733792 19]

я бы в .php файле который выводит плеер, поставил размеры 100%, обернул бы его div'ом с каким-нибудь классом и через .css задавал ширину и высоту.

Дело в том что я почти не понимаю этот php, к тому же не знаю какой именно php на него отвечает.

Порылся я в скрипте и нашел два файла которые возможно отвечают за этот вывод

mediaelement-and-player.min.js

mediaelementplayer.min.css

Они находятся по адресу engineeditorscriptscommonmediaelement но я и там нечего не понял.

[odys 384]

samo733792, тогда жди, часа через 2 напишу, если до этого ни кто не ответит

[samo733792 19]

Что бы я без тебя делал

[odys 384]

samo733792, в общем там много всякого разного видео, под разные сервисы и прочее, всё это дело находится в файле /classes/parse.class.php

Если нужно только HTML5 плеер, тогда вот код, примерно 707 строка, следующие 3 строчки после:

if( $this->video_config['use_html5'] ) {

вот код:

<!--dle_media_begin:{$decode_url}--><video width=\"{$width}\" height=\"{$height}\" preload=\"none\" controls=\"controls\">

<source type=\"video/youtube\" src=\"http://www.youtube.com/watch?v={$video_link}\"></source>

</video><!--dle_media_end-->[/code]

а дальше как я писал выше.

[b]width="{$width}" height="{$height}"[/b] - убирай, пропиши class="htmlvideo"

ну и .htmlvideo настраивай в .css как тебе угодно

[samo733792 19]

То есть должно получится так?

<!--dle_media_begin:{$decode_url}--><video class=\"htmlvideo\" preload=\"none\" controls=\"controls\">

<source type=\"video/youtube\" src=\"http://www.youtube.com/watch?v={$video_link}\"></source>

</video><!--dle_media_end-->

И в стилях так?

.htmlvideo {

    width: 95%;

  }

Но как я понял это будет действовать на всех шаблонах а мне нужно только на шаблоне smartphone. Придется и для полного шаблона тоже настроить в стилях. Настройки в скрипте просто не будут играть не какую роль. Другого шанса у нас нету? К тому же у меня там все изменено, настроена микроразметка по schema.org для видео, хотя я нашел теги width="{$width}" height="{$height} Вот какой у меня код

if( $this->video_config['use_html5'] ) {


					 return "<!--dle_media_begin:{$decode_url}--><span itemscope itemtype=\"http://schema.org/VideoObject\"><video width=\"{$width}\" height=\"{$height}\" preload=\"none\" controls=\"controls\">

							 <meta itemprop=\"name\" content=\"{$v_info['title']}\">

							 <meta itemprop=\"description\" content=\"{$v_info['descr']}\">

							 <link itemprop=\"thumbnail\" href=\"{$image}\">{$dur}				   

							 <meta itemprop=\"playerType\" content=\"Flash\">

							 <meta itemprop=\"width\" content=\"{$width}\">

							 <meta itemprop=\"height\" content=\"{$height}\">

							 <source type=\"video/youtube\" src=\"http://www.youtube.com/watch?v={$video_link}\"></source>

							 </video></span><!--dle_media_end-->";

				 } else {

	 return "<!--dle_media_begin:{$decode_url}--><object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" width=\"{$width}\" height=\"{$height}\" id=\"Player-{$id_player}\">

	  <param name=\"movie\" value=\"" . $config['http_home_url'] . "engine/classes/flashplayer/youtube.swf?width={$width}&amp;height={$height}&amp;showYouTubeHD=true&amp;videoUrl=http://www.youtube.com/watch?v={$video_link}{$watermark}{$preview}&amp;youTubePlaybackQuality={$this->video_config['youtube_q']}&amp;isYouTube=true&amp;rollOverAlpha=0.5&amp;contentBgAlpha=0.8&amp;progressBarColor={$this->video_config['progressBarColor']}&amp;defaultVolume=1&amp;fullSizeView=3&amp;showRewind=false&amp;showInfo=false&amp;showFullscreen=true&amp;showScale=true&amp;showSound=true&amp;showTime=true&amp;showCenterPlay=true{$autohide}&amp;videoLoop=false&amp;defaultBuffer={$this->video_config['buffer']}\" />

	  <param name=\"allowFullScreen\" value=\"true\" />

	  <param name=\"scale\" value=\"noscale\" />

	  <param name=\"quality\" value=\"high\" />

	  <param name=\"bgcolor\" value=\"#000000\" />

	  <param name=\"wmode\" value=\"opaque\" />

	  <embed src=\"" . $config['http_home_url'] . "engine/classes/flashplayer/youtube.swf?width={$width}&amp;height={$height}&amp;showYouTubeHD=true&amp;videoUrl=http://www.youtube.com/watch?v={$video_link}{$watermark}{$preview}&amp;youTubePlaybackQuality={$this->video_config['youtube_q']}&amp;isYouTube=true&amp;rollOverAlpha=0.5&amp;contentBgAlpha=0.8&amp;progressBarColor={$this->video_config['progressBarColor']}&amp;defaultVolume=1&amp;fullSizeView=3&amp;showRewind=false&amp;showInfo=false&amp;showFullscreen=true&amp;showScale=true&amp;showSound=true&amp;showTime=true&amp;showCenterPlay=true{$autohide}&amp;videoLoop=false&amp;defaultBuffer={$this->video_config['buffer']}\" quality=\"high\" bgcolor=\"#000000\" wmode=\"opaque\" allowFullScreen=\"true\" width=\"{$width}\" height=\"{$height}\" align=\"middle\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"></embed>

	  </object><!--dle_media_end-->";

    }

[odys 384]

То есть должно получится так?

И в стилях так?

да, так

Другого шанса у нас нету?

а зачем себе голову заморачить чем-то ещё?

Разве это так сложно прописать в .css файлах? там всего по 3-4 строчки в 2 файлах, обычной версии и мобильной... работы на полторы минуты, включая поиск кода в .php файле

Изменено 22 января 2014 пользователем odys

[samo733792 19]

Я сделал так но не сработала, видео все еще большое в мобильной версии.

    if( $this->video_config['use_html5'] ) {


					 return "<!--dle_media_begin:{$decode_url}--><span itemscope itemtype=\"http://schema.org/VideoObject\"><video class=\"htmlvideo\" preload=\"none\" controls=\"controls\">

							 <meta itemprop=\"name\" content=\"{$v_info['title']}\">

							 <meta itemprop=\"description\" content=\"{$v_info['descr']}\">

							 <link itemprop=\"thumbnail\" href=\"{$image}\">{$dur}				   

							 <meta itemprop=\"playerType\" content=\"Flash\">

							 <meta itemprop=\"width\" content=\"{$width}\">

							 <meta itemprop=\"height\" content=\"{$height}\">

							 <source type=\"video/youtube\" src=\"http://www.youtube.com/watch?v={$video_link}\"></source>

							 </video></span><!--dle_media_end-->";

				 } else {

	 return "<!--dle_media_begin:{$decode_url}--><object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" width=\"{$width}\" height=\"{$height}\" id=\"Player-{$id_player}\">

	  <param name=\"movie\" value=\"" . $config['http_home_url'] . "engine/classes/flashplayer/youtube.swf?width={$width}&amp;height={$height}&amp;showYouTubeHD=true&amp;videoUrl=http://www.youtube.com/watch?v={$video_link}{$watermark}{$preview}&amp;youTubePlaybackQuality={$this->video_config['youtube_q']}&amp;isYouTube=true&amp;rollOverAlpha=0.5&amp;contentBgAlpha=0.8&amp;progressBarColor={$this->video_config['progressBarColor']}&amp;defaultVolume=1&amp;fullSizeView=3&amp;showRewind=false&amp;showInfo=false&amp;showFullscreen=true&amp;showScale=true&amp;showSound=true&amp;showTime=true&amp;showCenterPlay=true{$autohide}&amp;videoLoop=false&amp;defaultBuffer={$this->video_config['buffer']}\" />

	  <param name=\"allowFullScreen\" value=\"true\" />

	  <param name=\"scale\" value=\"noscale\" />

	  <param name=\"quality\" value=\"high\" />

	  <param name=\"bgcolor\" value=\"#000000\" />

	  <param name=\"wmode\" value=\"opaque\" />

	  <embed src=\"" . $config['http_home_url'] . "engine/classes/flashplayer/youtube.swf?width={$width}&amp;height={$height}&amp;showYouTubeHD=true&amp;videoUrl=http://www.youtube.com/watch?v={$video_link}{$watermark}{$preview}&amp;youTubePlaybackQuality={$this->video_config['youtube_q']}&amp;isYouTube=true&amp;rollOverAlpha=0.5&amp;contentBgAlpha=0.8&amp;progressBarColor={$this->video_config['progressBarColor']}&amp;defaultVolume=1&amp;fullSizeView=3&amp;showRewind=false&amp;showInfo=false&amp;showFullscreen=true&amp;showScale=true&amp;showSound=true&amp;showTime=true&amp;showCenterPlay=true{$autohide}&amp;videoLoop=false&amp;defaultBuffer={$this->video_config['buffer']}\" quality=\"high\" bgcolor=\"#000000\" wmode=\"opaque\" allowFullScreen=\"true\" width=\"{$width}\" height=\"{$height}\" align=\"middle\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"></embed>

	  </object><!--dle_media_end-->";

    }

Вот страница с примером http://www.androidsland.ru/547-galaxy-empire-dlya-os-android.html, там даже htmlvideo стиля не видно.

[odys 384]

Вот страница с примером http://www.androidsl...os-android.html, там даже htmlvideo стиля не видно.

пересохрани эту новость

[Lomot 134]

Для этого не нужно править пхп файлы, все это делается в стилях мобильной версии.

[samo733792 19]

пересохрани эту новость

Не помогло, вернее помогло но частично, сам плеер стал маленьким, вернее его панель управление но видео все еще большое.

Для этого не нужно править пхп файлы, все это делается в стилях мобильной версии.

А можно по подробнее?

вернее помогло но частично, сам плеер стал маленьким, вернее его панель управление но видео все еще большое.

Нет я ошибся, похоже и тогда он бил таким.

Хотя я заметил что-то интересное, размер плеера в полном шаблоне уменьшился, хотя я в CSS писал нормальные цифры, те что у меня стояли в настройках скрипта.

[Lomot 134]

Для этого не нужно править пхп файлы, все это делается в стилях мобильной версии.

А можно по подробнее?

подробнее написано здесь

[samo733792 19]

подробнее написано здесь

Не нашел там нечего связанного с моим вопросом.

[alex32 942]

что за изобретение велосипеда? В настройках включаешь html5 плеер, ставишь высоту и ширину 100% и там и там, а в шаблоне просто оборачиваешь дивом с паддингом 0 5%; все, плеер будет нужной ширины

[samo733792 19]

что за изобретение велосипеда? В настройках включаешь html5 плеер, ставишь высоту и ширину 100% и там и там, а в шаблоне просто оборачиваешь дивом с паддингом 0 5%; все, плеер будет нужной ширины

Заработало, но почему-то padding Не работает, я написал так

<div style="podding:5%;">[xfvalue_video]</div>

[odys 384]

Заработало, но почему-то padding Не работает, я написал так

потому что pAdding и pOdding — не одно и то же. Посмотри как ты в коде padding написал

[samo733792 19]

Oops, ошибочка вышла

Исправил но думаю лучше без этого тега по скольку часть панелья исчезает, в том числе и кнопка полного экрана.

[odys 384]

Исправил но думаю лучше без этого тега по скольку часть панелья исчезает, в том числе и кнопка полного экрана.

а если бы сделал моим способом, всё было бы на месте

[samo733792 19]

а если бы сделал моим способом, всё было бы на месте

Да но твоим способом у меня вообще нечего не получилось.