Video issue using iExplorer
I wished to have my video thumbnail show up as the first frame of my video. My solution was to begin the video on frame1 rather than frame 0 (code is below). This works great in Firefox and Chrome but IE wants to initialize the video on frame 0 which is empty. Is there a workaround so that all three browsers show the first frame thumbnail. I did try poster and that didn't work correctly across all browsers either. Any help would be appreciated. I used #t=1 to access the first frame.
<video style="margin-left: auto; margin-right: auto; display: block; padding-bottom: 2em;" width="640" height="360" controls >
<source src="_videos/My_Video.mp4#t=1" type="video/mp4" >
</video>
Thanks for your help.
internet-explorer html5-video
asked Nov 22 '18 at 14:48
Scott AScott A
174
add a comment |
I wished to have my video thumbnail show up as the first frame of my video. My solution was to begin the video on frame1 rather than frame 0 (code is below). This works great in Firefox and Chrome but IE wants to initialize the video on frame 0 which is empty. Is there a workaround so that all three browsers show the first frame thumbnail. I did try poster and that didn't work correctly across all browsers either. Any help would be appreciated. I used #t=1 to access the first frame.
<video style="margin-left: auto; margin-right: auto; display: block; padding-bottom: 2em;" width="640" height="360" controls >
<source src="_videos/My_Video.mp4#t=1" type="video/mp4" >
</video>
Thanks for your help.
internet-explorer html5-video
asked Nov 22 '18 at 14:48
Scott AScott A
174
add a comment |
I wished to have my video thumbnail show up as the first frame of my video. My solution was to begin the video on frame1 rather than frame 0 (code is below). This works great in Firefox and Chrome but IE wants to initialize the video on frame 0 which is empty. Is there a workaround so that all three browsers show the first frame thumbnail. I did try poster and that didn't work correctly across all browsers either. Any help would be appreciated. I used #t=1 to access the first frame.
<video style="margin-left: auto; margin-right: auto; display: block; padding-bottom: 2em;" width="640" height="360" controls >
<source src="_videos/My_Video.mp4#t=1" type="video/mp4" >
</video>
Thanks for your help.
internet-explorer html5-video
asked Nov 22 '18 at 14:48
Scott AScott A
174
I wished to have my video thumbnail show up as the first frame of my video. My solution was to begin the video on frame1 rather than frame 0 (code is below). This works great in Firefox and Chrome but IE wants to initialize the video on frame 0 which is empty. Is there a workaround so that all three browsers show the first frame thumbnail. I did try poster and that didn't work correctly across all browsers either. Any help would be appreciated. I used #t=1 to access the first frame.
<video style="margin-left: auto; margin-right: auto; display: block; padding-bottom: 2em;" width="640" height="360" controls >
<source src="_videos/My_Video.mp4#t=1" type="video/mp4" >
</video>
Thanks for your help.
internet-explorer html5-video
internet-explorer html5-video
asked Nov 22 '18 at 14:48
Scott AScott A
174
asked Nov 22 '18 at 14:48
Scott AScott A
174
asked Nov 22 '18 at 14:48
Scott AScott A
174
asked Nov 22 '18 at 14:48
Scott AScott A
174
asked Nov 22 '18 at 14:48
Scott AScott A
174
174
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I can understand that you want to show the 1st frame as a thumbnail for the video. but its looks like it is not supported in Internet Explorer.
You had mentioned that you already use the poster attribute to display the thumbnail of the video but it didn't work correctly. Can you inform us what problem you are facing with poster? I try to make a test with poster on my side and it looks like it is working with IE.
Sample code:
<video controls
src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
width="620">
Sorry, your browser doesn't support embedded videos,
but don't worry, you can <a href="https://archive.org/details/BigBuckBunny_124">download it</a>
and watch it with your favorite video player!
</video>Output:
Reference:
: The Video Embed element
answered Nov 23 '18 at 2:49
Deepak-MSFTDeepak-MSFT
686116
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53433437%2fvideo-issue-using-iexplorer%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I can understand that you want to show the 1st frame as a thumbnail for the video. but its looks like it is not supported in Internet Explorer.
You had mentioned that you already use the poster attribute to display the thumbnail of the video but it didn't work correctly. Can you inform us what problem you are facing with poster? I try to make a test with poster on my side and it looks like it is working with IE.
Sample code:
<video controls
src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
width="620">
Sorry, your browser doesn't support embedded videos,
but don't worry, you can <a href="https://archive.org/details/BigBuckBunny_124">download it</a>
and watch it with your favorite video player!
</video>Output:
Reference:
: The Video Embed element
answered Nov 23 '18 at 2:49
Deepak-MSFTDeepak-MSFT
686116
add a comment |
I can understand that you want to show the 1st frame as a thumbnail for the video. but its looks like it is not supported in Internet Explorer.
You had mentioned that you already use the poster attribute to display the thumbnail of the video but it didn't work correctly. Can you inform us what problem you are facing with poster? I try to make a test with poster on my side and it looks like it is working with IE.
Sample code:
<video controls
src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
width="620">
Sorry, your browser doesn't support embedded videos,
but don't worry, you can <a href="https://archive.org/details/BigBuckBunny_124">download it</a>
and watch it with your favorite video player!
</video>Output:
Reference:
: The Video Embed element
answered Nov 23 '18 at 2:49
Deepak-MSFTDeepak-MSFT
686116
add a comment |
I can understand that you want to show the 1st frame as a thumbnail for the video. but its looks like it is not supported in Internet Explorer.
You had mentioned that you already use the poster attribute to display the thumbnail of the video but it didn't work correctly. Can you inform us what problem you are facing with poster? I try to make a test with poster on my side and it looks like it is working with IE.
Sample code:
<video controls
src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
width="620">
Sorry, your browser doesn't support embedded videos,
but don't worry, you can <a href="https://archive.org/details/BigBuckBunny_124">download it</a>
and watch it with your favorite video player!
</video>Output:
Reference:
: The Video Embed element
answered Nov 23 '18 at 2:49
Deepak-MSFTDeepak-MSFT
686116
I can understand that you want to show the 1st frame as a thumbnail for the video. but its looks like it is not supported in Internet Explorer.
You had mentioned that you already use the poster attribute to display the thumbnail of the video but it didn't work correctly. Can you inform us what problem you are facing with poster? I try to make a test with poster on my side and it looks like it is working with IE.
Sample code:
<video controls
src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
width="620">
Sorry, your browser doesn't support embedded videos,
but don't worry, you can <a href="https://archive.org/details/BigBuckBunny_124">download it</a>
and watch it with your favorite video player!
</video>Output:
Reference:
: The Video Embed element
<video controls
src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
width="620">
Sorry, your browser doesn't support embedded videos,
but don't worry, you can <a href="https://archive.org/details/BigBuckBunny_124">download it</a>
and watch it with your favorite video player!
</video><video controls
src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
width="620">
Sorry, your browser doesn't support embedded videos,
but don't worry, you can <a href="https://archive.org/details/BigBuckBunny_124">download it</a>
and watch it with your favorite video player!
</video>answered Nov 23 '18 at 2:49
Deepak-MSFTDeepak-MSFT
686116
answered Nov 23 '18 at 2:49
Deepak-MSFTDeepak-MSFT
686116
answered Nov 23 '18 at 2:49
Deepak-MSFTDeepak-MSFT
686116
answered Nov 23 '18 at 2:49
Deepak-MSFTDeepak-MSFT
686116
686116
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53433437%2fvideo-issue-using-iexplorer%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
