Difference between revisions of "Arcane University talk:NIF Data Format"
The Beyond Skyrim Wiki — Hosted by UESP
Line 4: | Line 4: | ||
[<iframe width="560" height="315" src="https://www.youtube.com/embed/gDKivlGmia4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>] | [<iframe width="560" height="315" src="https://www.youtube.com/embed/gDKivlGmia4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>] | ||
+ | |||
+ | <!DOCTYPE html> | ||
+ | <html> | ||
+ | <body> | ||
+ | <!-- 1. The <iframe> (and video player) will replace this <div> tag. --> | ||
+ | <div id="player"></div> | ||
+ | |||
+ | <script> | ||
+ | // 2. This code loads the IFrame Player API code asynchronously. | ||
+ | var tag = document.createElement('script'); | ||
+ | |||
+ | tag.src = "https://www.youtube.com/iframe_api"; | ||
+ | var firstScriptTag = document.getElementsByTagName('script')[0]; | ||
+ | firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | ||
+ | |||
+ | // 3. This function creates an <iframe> (and YouTube player) | ||
+ | // after the API code downloads. | ||
+ | var player; | ||
+ | function onYouTubeIframeAPIReady() { | ||
+ | player = new YT.Player('player', { | ||
+ | height: '360', | ||
+ | width: '640', | ||
+ | videoId: 'M7lc1UVf-VE', | ||
+ | events: { | ||
+ | 'onReady': onPlayerReady, | ||
+ | 'onStateChange': onPlayerStateChange | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | // 4. The API will call this function when the video player is ready. | ||
+ | function onPlayerReady(event) { | ||
+ | event.target.playVideo(); | ||
+ | } | ||
+ | |||
+ | // 5. The API calls this function when the player's state changes. | ||
+ | // The function indicates that when playing a video (state=1), | ||
+ | // the player should play for six seconds and then stop. | ||
+ | var done = false; | ||
+ | function onPlayerStateChange(event) { | ||
+ | if (event.data == YT.PlayerState.PLAYING && !done) { | ||
+ | setTimeout(stopVideo, 6000); | ||
+ | done = true; | ||
+ | } | ||
+ | } | ||
+ | function stopVideo() { | ||
+ | player.stopVideo(); | ||
+ | } | ||
+ | </script> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 19:28, 26 June 2020
<iframe width="560" height="315" src="https://www.youtube.com/embed/gDKivlGmia4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
[<iframe width="560" height="315" src="https://www.youtube.com/embed/gDKivlGmia4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>]
<!DOCTYPE html> <html>
<body>
<script> // 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player) // after the API code downloads. var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '360', width: '640', videoId: 'M7lc1UVf-VE', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); }
// 4. The API will call this function when the video player is ready. function onPlayerReady(event) { event.target.playVideo(); }
// 5. The API calls this function when the player's state changes. // The function indicates that when playing a video (state=1), // the player should play for six seconds and then stop. var done = false; function onPlayerStateChange(event) { if (event.data == YT.PlayerState.PLAYING && !done) { setTimeout(stopVideo, 6000); done = true; } } function stopVideo() { player.stopVideo(); } </script> </body>
</html>