Displaying videos in ionic 3 issue
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
How can I display videos in ionic 3 , i have used ionic video player plugin but it does not contain video controls , also i have used video html5 tag but it did not work , please help me to solve this issue ?
html5 ionic-framework ionic3 mobile-development
asked Aug 24 '18 at 0:29
Mohamed HussinMohamed Hussin
61
add a comment |
How can I display videos in ionic 3 , i have used ionic video player plugin but it does not contain video controls , also i have used video html5 tag but it did not work , please help me to solve this issue ?
html5 ionic-framework ionic3 mobile-development
asked Aug 24 '18 at 0:29
Mohamed HussinMohamed Hussin
61
add a comment |
How can I display videos in ionic 3 , i have used ionic video player plugin but it does not contain video controls , also i have used video html5 tag but it did not work , please help me to solve this issue ?
html5 ionic-framework ionic3 mobile-development
asked Aug 24 '18 at 0:29
Mohamed HussinMohamed Hussin
61
How can I display videos in ionic 3 , i have used ionic video player plugin but it does not contain video controls , also i have used video html5 tag but it did not work , please help me to solve this issue ?
html5 ionic-framework ionic3 mobile-development
html5 ionic-framework ionic3 mobile-development
asked Aug 24 '18 at 0:29
Mohamed HussinMohamed Hussin
61
asked Aug 24 '18 at 0:29
Mohamed HussinMohamed Hussin
61
asked Aug 24 '18 at 0:29
Mohamed HussinMohamed Hussin
61
asked Aug 24 '18 at 0:29
Mohamed HussinMohamed Hussin
61
asked Aug 24 '18 at 0:29
Mohamed HussinMohamed Hussin
61
61
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
i have the same issue but i solved it using the below code..
<div align="center" class="embed-responsive embed-responsive-16by9">
<video width="400" autoplay loop class="embed-responsive-item" controls>
<source src="path/to/the/file.mp4" type="video/mp4">
</video>
</div>
hope this will helps you..
answered Aug 25 '18 at 6:09
Ravi arnRavi arn
16419
add a comment |
Instead of using the video tag use native streaming media cordova plugin.
visit below link for more information
https://ionicframework.com/docs/native/streaming-media.
This Plugin works with audio and video player and supports both android and ios.
Another plugin is also there but it supports Android only. For more Information visit https://ionicframework.com/docs/native/video-player/
answered Nov 16 '18 at 17:49
CHAITANYA GawandeCHAITANYA Gawande
12
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%2f51995961%2fdisplaying-videos-in-ionic-3-issue%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
i have the same issue but i solved it using the below code..
<div align="center" class="embed-responsive embed-responsive-16by9">
<video width="400" autoplay loop class="embed-responsive-item" controls>
<source src="path/to/the/file.mp4" type="video/mp4">
</video>
</div>
hope this will helps you..
answered Aug 25 '18 at 6:09
Ravi arnRavi arn
16419
add a comment |
i have the same issue but i solved it using the below code..
<div align="center" class="embed-responsive embed-responsive-16by9">
<video width="400" autoplay loop class="embed-responsive-item" controls>
<source src="path/to/the/file.mp4" type="video/mp4">
</video>
</div>
hope this will helps you..
answered Aug 25 '18 at 6:09
Ravi arnRavi arn
16419
add a comment |
i have the same issue but i solved it using the below code..
<div align="center" class="embed-responsive embed-responsive-16by9">
<video width="400" autoplay loop class="embed-responsive-item" controls>
<source src="path/to/the/file.mp4" type="video/mp4">
</video>
</div>
hope this will helps you..
answered Aug 25 '18 at 6:09
Ravi arnRavi arn
16419
i have the same issue but i solved it using the below code..
<div align="center" class="embed-responsive embed-responsive-16by9">
<video width="400" autoplay loop class="embed-responsive-item" controls>
<source src="path/to/the/file.mp4" type="video/mp4">
</video>
</div>
hope this will helps you..
answered Aug 25 '18 at 6:09
Ravi arnRavi arn
16419
answered Aug 25 '18 at 6:09
Ravi arnRavi arn
16419
answered Aug 25 '18 at 6:09
Ravi arnRavi arn
16419
answered Aug 25 '18 at 6:09
Ravi arnRavi arn
16419
16419
add a comment |
add a comment |
Instead of using the video tag use native streaming media cordova plugin.
visit below link for more information
https://ionicframework.com/docs/native/streaming-media.
This Plugin works with audio and video player and supports both android and ios.
Another plugin is also there but it supports Android only. For more Information visit https://ionicframework.com/docs/native/video-player/
answered Nov 16 '18 at 17:49
CHAITANYA GawandeCHAITANYA Gawande
12
add a comment |
Instead of using the video tag use native streaming media cordova plugin.
visit below link for more information
https://ionicframework.com/docs/native/streaming-media.
This Plugin works with audio and video player and supports both android and ios.
Another plugin is also there but it supports Android only. For more Information visit https://ionicframework.com/docs/native/video-player/
answered Nov 16 '18 at 17:49
CHAITANYA GawandeCHAITANYA Gawande
12
add a comment |
Instead of using the video tag use native streaming media cordova plugin.
visit below link for more information
https://ionicframework.com/docs/native/streaming-media.
This Plugin works with audio and video player and supports both android and ios.
Another plugin is also there but it supports Android only. For more Information visit https://ionicframework.com/docs/native/video-player/
answered Nov 16 '18 at 17:49
CHAITANYA GawandeCHAITANYA Gawande
12
Instead of using the video tag use native streaming media cordova plugin.
visit below link for more information
https://ionicframework.com/docs/native/streaming-media.
This Plugin works with audio and video player and supports both android and ios.
Another plugin is also there but it supports Android only. For more Information visit https://ionicframework.com/docs/native/video-player/
answered Nov 16 '18 at 17:49
CHAITANYA GawandeCHAITANYA Gawande
12
answered Nov 16 '18 at 17:49
CHAITANYA GawandeCHAITANYA Gawande
12
answered Nov 16 '18 at 17:49
CHAITANYA GawandeCHAITANYA Gawande
12
answered Nov 16 '18 at 17:49
CHAITANYA GawandeCHAITANYA Gawande
12
12
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%2f51995961%2fdisplaying-videos-in-ionic-3-issue%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
