anydragon

Youtube를 페이지 너비에 맞출때

.css

.player {
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.player .youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player {

margin-bottom: 20px;

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

.player .youtube {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

.html

<label>Youtube</label>
<div class="player">
	<div id="player[0]" class="youtube"></div>
</div>

<label>Youtube</label>

</div>

.js

<script>
	var player = new Array();
	var id = YouTubeGetID($('#fd_strYoutubeUrl').val()); // Youtube key
	player[0].loadVideoById(id);
</script>

var player = new Array();

var id = YouTubeGetID($('#fd_strYoutubeUrl').val()); // Youtube key

player[0].loadVideoById(id);

</script>

2021년 6월 내가 설치한 vscode 확장들

최근에는 asp.net core 에 한정해서 개발을 하다보니 대부분 Disable 하고 필요한 것만 Enable 해서 사용

사용중

.NET Core Add Reference
.NET Core Test Explorer
.NET Install Tool for Extension Authors
ASP.NET Core Switcher
Auto Close Tag
Auto Rename Tag
Auto-Using for C#
Bookmarks
C#
C# Namespace Autocompletion
Code Spell Checker
CSS Flexbox Cheatsheet
CSS Peek
EditorConfig for VS Code
ESLint
Font Awesome Auto-complete & Preview
Git History
gitignore
Highlight Matching Tag
HTML (C#)
HTML CSS Support
indent-rainbow
IntelliCode
IntelliSense for CSS class names in HTML
Jira and Bitbucket (Atlassian Labs)
Korean(사용법) Language Pack for Visual Studio Code
LibMan Tools
Live Server
Markdown All in One
Material Icon Theme
npm
NuGet Package Manager
Output Colorizer
Path Autocomplete
Path Intellisense
Prettier – Code formatter
Prettify JSON
SVN
Todo Tree
Vim
YAML

Disable

Auto Import
autoconf
Azure Account
Azure App Service
Azure Databases
Azure Resources
Azure Storage
Azure Storage Explorer
Azure Virtual Machines
Better C++ Syntax
Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets
Bootstrap 5 Snippets
C/C++
C++ Intellisense
Classic ASP
Classic ASP Syntaxes and Snippets
CMake
CMake Language Support
CMake Tools
Cortex-Debug
Django
Docker
DotENV
EJS language support
ES7+ React/Redux/React-NAtive snippets
ETHover
flask-snippets
ftp-kr
GitHub Actions
GitHub Pull Requests and Issues
GitLens – Git supercharged
Go
Graphviz Interactive Preview
Hex Editor
Import Cost
JavaScript (ES6) code snippets
Jinja
JQuery Code Snippets
jshint
Jupyter
Jupyter Keymap
Jupyter Notebook Renderers
LinkerScript
MagicPython
MySQL
NGINX Configuration
Node.js Modules Intellisense
php cs fixer
PHP Debug
PHP Intelephense
PHP IntelliSense
PHP intellisense for codeigniter
Placeholder Images
PlantUML
Pylance
Python
Python Indent
Rainbow CSV
Remote – Containers
Remote – SSH
Remote – SSH: Editng Configuration Files
REST Client
solidity
Solidity Contract Flattener
Solidity Debugger
Solidity Lanuage & Themes (only)
Solidity Visual Developer
solidity-solhint
Thunder Client
vscode-faker
vscode-proto3
vscode-solution-explorer
vscode-styled-components
XML Tools

anydragon

참고자료

최신 글

보관함

Youtube를 페이지 너비에 맞출때

2021년 6월 내가 설치한 vscode 확장들

사용중

Disable

키크론(KeyChron) 키보드에서 fn 버튼 누르면 한영(input source) 변환되는 것 Disable

태그

링크

메타