HTML YouTube Videos - W3Schools
文章推薦指數: 80 %
You can let your video start playing automatically when a user visits the page, by adding autoplay=1 to the YouTube URL. However, automatically starting a ...
Tutorials
References
Exercises
VideosNEW
Menu
Login
PaidCourses
WebsiteNEW
HTML
CSS
JAVASCRIPT
SQL
PYTHON
PHP
BOOTSTRAP
HOWTO
W3.CSS
JAVA
JQUERY
C++
C#
R
React
Kotlin
×
Tutorials
HTMLandCSS
LearnHTML
LearnCSS
LearnRWD
LearnBootstrap
LearnW3.CSS
LearnColors
LearnIcons
LearnGraphics
LearnSVG
LearnCanvas
LearnHowTo
LearnSass
DataAnalytics
LearnAI
LearnMachineLearning
LearnDataScience
LearnNumPy
LearnPandas
LearnSciPy
LearnMatplotlib
LearnStatistics
LearnExcel
XMLTutorials
LearnXML
LearnXMLAJAX
LearnXMLDOM
LearnXMLDTD
LearnXMLSchema
LearnXSLT
LearnXPath
LearnXQuery
JavaScript
LearnJavaScript
LearnjQuery
LearnReact
LearnAngularJS
LearnJSON
LearnAJAX
LearnAppML
LearnW3.JS
Programming
LearnPython
LearnJava
LearnC++
LearnC#
LearnR
LearnKotlin
LearnGo
ServerSide
LearnSQL
LearnMySQL
LearnPHP
LearnASP
LearnNode.js
LearnRaspberryPi
LearnGit
WebBuilding
CreateaWebsiteNEW
WebTemplates
WebStatistics
WebCertificates
WebDevelopment
CodeEditor
TestYourTypingSpeed
PlayaCodeGame
CyberSecurity
Accessibility
DataAnalytics
LearnAI
LearnMachineLearning
LearnDataScience
LearnNumPy
LearnPandas
LearnSciPy
LearnMatplotlib
LearnStatistics
LearnExcel
LearnGoogleSheets
XMLTutorials
LearnXML
LearnXMLAJAX
LearnXMLDOM
LearnXMLDTD
LearnXMLSchema
LearnXSLT
LearnXPath
LearnXQuery
×
References
HTML
HTMLTagReference
HTMLBrowserSupport
HTMLEventReference
HTMLColorReference
HTMLAttributeReference
HTMLCanvasReference
HTMLSVGReference
GoogleMapsReference
CSS
CSSReference
CSSBrowserSupport
CSSSelectorReference
Bootstrap3Reference
Bootstrap4Reference
W3.CSSReference
IconReference
SassReference
JavaScript
JavaScriptReference
HTMLDOMReference
jQueryReference
AngularJSReference
AppMLReference
W3.JSReference
Programming
PythonReference
JavaReference
ServerSide
SQLReference
MySQLReference
PHPReference
ASPReference
XML
XMLDOMReference
XMLHttpReference
XSLTReference
XMLSchemaReference
CharacterSets
HTMLCharacterSets
HTMLASCII
HTMLANSI
HTMLWindows-1252
HTMLISO-8859-1
HTMLSymbols
HTMLUTF-8
×
ExercisesandQuizzes
Exercises
HTMLExercises
CSSExercises
JavaScriptExercises
SQLExercises
MySQLExercises
PHPExercises
PythonExercises
NumPyExercises
PandasExercises
SciPyExercises
jQueryExercises
JavaExercises
C++Exercises
C#Exercises
RExercises
KotlinExercises
GoExercises
BootstrapExercises
Bootstrap4Exercises
Bootstrap5Exercises
GitExercises
Quizzes
HTMLQuiz
CSSQuiz
JavaScriptQuiz
SQLQuiz
MySQLQuiz
PHPQuiz
PythonQuiz
NumPyQuiz
PandasQuiz
SciPyQuiz
jQueryQuiz
JavaQuiz
C++Quiz
C#Quiz
RQuiz
XMLQuiz
CyberSecurityQuiz
BootstrapQuiz
Bootstrap4Quiz
Bootstrap5Quiz
AccessibilityQuiz
Courses
HTMLCourse
CSSCourse
JavaScriptCourse
FrontEndCourse
SQLCourse
PHPCourse
PythonCourse
NumPyCourse
PandasCourse
DataAnalyticsCourse
jQueryCourse
JavaCourse
C++Course
C#Course
RCourse
XMLCourse
CyberSecurityCourse
AccessibilityCourse
Certificates
HTMLCertificate
CSSCertificate
JavaScriptCertificate
FrontEndCertificate
SQLCertificate
PHPCertificate
PythonCertificate
DataScienceCertificate
Bootstrap3Certificate
Bootstrap4Certificate
jQueryCertificate
JavaCertificate
C++Certificate
ReactCertificate
XMLCertificate
×
Tutorials
References
Exercises
PaidCourses
Spaces
Videos
Shop
HTMLTutorial
HTMLHOME
HTMLIntroduction
HTMLEditors
HTMLBasic
HTMLElements
HTMLAttributes
HTMLHeadings
HTMLParagraphs
HTMLStyles
HTMLFormatting
HTMLQuotations
HTMLComments
HTMLColors
Colors
RGB
HEX
HSL
HTMLCSS
HTMLLinks
Links
LinkColors
LinkBookmarks
HTMLImages
Images
ImageMap
BackgroundImages
ThePictureElement
HTMLFavicon
HTMLTables
HTMLTables
TableBorders
TableSizes
TableHeaders
Padding&Spacing
Colspan&Rowspan
TableStyling
TableColgroup
HTMLLists
Lists
UnorderedLists
OrderedLists
OtherLists
HTMLBlock&Inline
HTMLClasses
HTMLId
HTMLIframes
HTMLJavaScript
HTMLFilePaths
HTMLHead
HTMLLayout
HTMLResponsive
HTMLComputercode
HTMLSemantics
HTMLStyleGuide
HTMLEntities
HTMLSymbols
HTMLEmojis
HTMLCharset
HTMLURLEncode
HTMLvs.XHTML
HTMLForms
HTMLForms
HTMLFormAttributes
HTMLFormElements
HTMLInputTypes
HTMLInputAttributes
HTMLInputFormAttributes
HTMLGraphics
HTMLCanvas
HTMLSVG
HTMLMedia
HTMLMedia
HTMLVideo
HTMLAudio
HTMLPlug-ins
HTMLYouTube
HTMLAPIs
HTMLGeolocation
HTMLDrag/Drop
HTMLWebStorage
HTMLWebWorkers
HTMLSSE
HTMLExamples
HTMLExamples
HTMLQuiz
HTMLExercises
HTMLCertificate
HTMLSummary
HTMLAccessibility
HTMLReferences
HTMLTagList
HTMLAttributes
HTMLGlobalAttributes
HTMLBrowserSupport
HTMLEvents
HTMLColors
HTMLCanvas
HTMLAudio/Video
HTMLDoctypes
HTMLCharacterSets
HTMLURLEncode
HTMLLangCodes
HTTPMessages
HTTPMethods
PXtoEMConverter
KeyboardShortcuts
HTMLYouTubeVideos
❮Previous
Next❯
TheeasiestwaytoplayvideosinHTML,istouseYouTube.
StrugglingwithVideoFormats?
Convertingvideostodifferentformatscanbedifficultandtime-consuming.
AneasiersolutionistoletYouTubeplaythevideosinyourwebpage.
YouTubeVideoId
YouTubewilldisplayanid(liketgbNymZ7vqY),whenyousave(orplay)avideo.
Youcanusethisid,andrefertoyourvideointheHTMLcode.
PlayingaYouTubeVideoinHTML
Toplayyourvideoonawebpage,dothefollowing:
UploadthevideotoYouTube
Takeanoteofthevideoid
Definean
TryitYourself»
YouTubeAutoplay+Mute
Youcanletyourvideostartplayingautomaticallywhenauservisitsthe
page,byaddingautoplay=1totheYouTubeURL.
However,automaticallystartingavideoisannoyingforyourvisitors!
Note:Chromiumbrowsersdonot
allowautoplayinmostcases.However,mutedautoplayisalwaysallowed.
Addmute=1after
autoplay=1toletyourvideostartplayingautomatically(butmuted).
YouTube-Autoplay+Muted
延伸文章資訊
- 1How to stop autoplay on embedded YouTube videos
Edit the WordPress Page or Post in question · Click the text tab · Locate your embed code · Locat...
- 2如何自動播放嵌入的YouTube 影片 - 4K Download
- 3How can I autoplay a video using the new embed code style for
Just put "?autoplay=1" in the url the video will autoload. So your url would be: http://www.youtu...
- 4YouTube Embedded Players and Player Parameters - Google ...
The autoplay parameter definition has been updated to explain that if you enable Autoplay, playba...
- 5Youtube影片iframe嵌入網頁設定自動播放(autoplay) - JA ...
[https://www.youtube.com/embed/影片ID] 取得影片ID之後就可以多方利用了在URL後面先加[?rel=0] 之後再接想要的功能就可以了. Autoplay 自動播放