Вставка видео с Ютуба. Размер окна

[elaim 1]

Добрый день. Всегда вставлял видео с ютуба на сайт таким способом:

[center][media=https://youtu.be/Denyon1T7IA][/center]

Размер окна получался 600х338

Пример: https://musicmakers.ru/vst/19232-izotope-neoverb-vst-vst3-aax-x64-no-install-symlink-installer-reverberator.html

А сейчас заметил, что последнее время видео вставляется с намного меньшими размерами: 356х200

Вот например: https://musicmakers.ru/media/biblioteki_dlya_semplerov/20133-native-instruments-soul-sessions-kontakt-sjemply-soul-kontakt.html

Что могло произойти? Никаких изменений в шаблон не вносил!

Изменено 26 декабря 2020 пользователем elaim

[germanydletest 455]

 

[elaim 1]

Решение проблемы:

Открыть файл parse.class.php

Заменить строку:

$query_string = http_build_query(array('url' => $content_url,'maxwidth' => $args["width"],'maxheight' => $args["height"],'format' => 'json'));

на:

$query_string = http_build_query(array('url' => $content_url,'maxwidth' => '600','maxheight' => '338','format' => 'json'));

 

[olega-lego 1]

Я тоже заметил косяк, но пока нет времени разбираться! В закладки.

[master27 38]

Накидал скрипт, который оборачивает первый на странице айфраме с ютуба и выставляет обёртке пропорциональные размеры исходя из данных айфраме.

Где выводить, для кого и т.д. решайте сами.

Если не верно, поправьте.

var iframe = document.getElementsByTagName('iframe')[0];
if (iframe.getAttribute('src').includes('youtube.com')) {
	iframe.setAttribute('style', 'width: 100%; height: 100%');

	var youtube_wrapper = document.createElement('div');
	youtube_wrapper.classList.add('youtube_wrapper');
	youtube_wrapper.setAttribute('style', 'width: 100%;');
	youtube_wrapper.innerHTML = iframe.outerHTML;
	iframe.parentNode.replaceChild(youtube_wrapper, iframe);

	var iframe_width = iframe.getAttribute('width'); // 356
	var iframe_height = iframe.getAttribute('height'); // 200
	// 100%/356*200
	function youtube_wrapperHeight() {
		var youtube_wrapperWidth = parseInt(getComputedStyle(document.querySelector('.youtube_wrapper')).width);
		youtube_wrapper.setAttribute('style', 'height: ' + youtube_wrapperWidth / iframe_width * iframe_height + 'px;');
	}
	youtube_wrapperHeight();
	window.addEventListener("resize", youtube_wrapperHeight);
};

 

[olega-lego 1]

28.12.2020 в 17:33, elaim сказал:

Решение проблемы:

Открыть файл parse.class.php

Заменить строку:

$query_string = http_build_query(array('url' => $content_url,'maxwidth' => $args["width"],'maxheight' => $args["height"],'format' => 'json'));

на:

$query_string = http_build_query(array('url' => $content_url,'maxwidth' => '600','maxheight' => '338','format' => 'json'));

 

 

Попробовал только что, не работает!

18.01.2021 в 15:15, master27 сказал:

Накидал скрипт, который оборачивает первый на странице айфраме с ютуба и выставляет обёртке пропорциональные размеры исходя из данных айфраме.

Где выводить, для кого и т.д. решайте сами.

Если не верно, поправьте.

var iframe = document.getElementsByTagName('iframe')[0];
if (iframe.getAttribute('src').includes('youtube.com')) {
	iframe.setAttribute('style', 'width: 100%; height: 100%');

	var youtube_wrapper = document.createElement('div');
	youtube_wrapper.classList.add('youtube_wrapper');
	youtube_wrapper.setAttribute('style', 'width: 100%;');
	youtube_wrapper.innerHTML = iframe.outerHTML;
	iframe.parentNode.replaceChild(youtube_wrapper, iframe);

	var iframe_width = iframe.getAttribute('width'); // 356
	var iframe_height = iframe.getAttribute('height'); // 200
	// 100%/356*200
	function youtube_wrapperHeight() {
		var youtube_wrapperWidth = parseInt(getComputedStyle(document.querySelector('.youtube_wrapper')).width);
		youtube_wrapper.setAttribute('style', 'height: ' + youtube_wrapperWidth / iframe_width * iframe_height + 'px;');
	}
	youtube_wrapperHeight();
	window.addEventListener("resize", youtube_wrapperHeight);
};

 

С этим не разобрался куда вставлять!

 

[alex32 942]

Для масштабирования iframe с видео уже давно придумали FitVids.js

[olega-lego 1]

36 минут назад, alex32 сказал:

Для масштабирования iframe с видео уже давно придумали FitVids.js

Отлично, вот только я ничего не понял. Вот на этой страничке https://internetbaraholka.ru/novosti-ot-olega/5-video-universalnyj-rul-dlja-detskogo-snegokata.html есть видео , как мне его увиличить,до нормальных размеров???

[alex32 942]

6 часов назад, olega-lego сказал:

Отлично, вот только я ничего не понял. Вот на этой страничке https://internetbaraholka.ru/novosti-ot-olega/5-video-universalnyj-rul-dlja-detskogo-snegokata.html есть видео , как мне его увиличить,до нормальных размеров???

//Include  FitVids.js in your layout and target your videos container with fitVids().

<script src="path/to/jquery.fitvids.js"></script>
<script>
  $(document).ready(function(){
    // Target your .container, .wrapper, .post, etc.
    $("#thing-with-videos").fitVids();
  });

что тут непонятного?

[master27 38]

10 часов назад, olega-lego сказал:

С этим не разобрался куда вставлять!

Если вам нужно только в полную новость, то в файле "fullstory.tpl"  Вашего шаблона в самый низ добавьте...

<script>
var iframe = document.getElementsByTagName('iframe')[0];
if (iframe.getAttribute('src').includes('youtube.com')) {
	iframe.setAttribute('style', 'width: 100%; height: 100%');

	var youtube_wrapper = document.createElement('div');
	youtube_wrapper.classList.add('youtube_wrapper');
	youtube_wrapper.setAttribute('style', 'width: 100%;');
	youtube_wrapper.innerHTML = iframe.outerHTML;
	iframe.parentNode.replaceChild(youtube_wrapper, iframe);

	var iframe_width = iframe.getAttribute('width'); // 356
	var iframe_height = iframe.getAttribute('height'); // 200
	// 100%/356*200
	function youtube_wrapperHeight() {
		var youtube_wrapperWidth = parseInt(getComputedStyle(document.querySelector('.youtube_wrapper')).width);
		youtube_wrapper.setAttribute('style', 'height: ' + youtube_wrapperWidth / iframe_width * iframe_height + 'px;');
	}
	youtube_wrapperHeight();
	window.addEventListener("resize", youtube_wrapperHeight);
};
</script>